/* --------------- STRUCTURAL & MAIN BLOCKS ----------------- */
.col_droit { float: right; margin-left:5px; width: 280px;  }
.col_droit .choix-offer h3 { font-size:18px; font-size:'HelveticaNeueLTStd57Condensed'; text-transform:uppercase; margin:0; padding:5px 0 15px 0;  color:#333333 }
.col_droit .choix-offer img{ margin-top:0; padding-top:0}
.col_gauche { float: left;margin-left:10px;  width: 650px; }
input {border:0 none;}
ul { list-style-type:none;}
.contenerGlobalInside { width: 998px; padding:0; border-right:1px solid #D2D2D2; border-left:1px solid #D2D2D2;}
.contenerLeft { margin:0; width:669px; }
.contenerRight { background:#F5F5F5; width:300px; margin:0; padding:18px 14px 0 14px; border-left:1px solid #D2D2D2; border-bottom:1px solid #D2D2D2;}
a:link, a:visited, a:active {color:#333;}
.gold {color:#786E00;}
#megabannerBas, #megabanner_bas { background:#FFF; margin:5px 0; text-align:center; width: 998px;}
/* NAV RUBRIQUES EDITORIALES */
.navRubAbonnes { width:984px; height:30px; padding: 15px 0 0 14px; font-size:11px; background:#FFF url(/img_look/abo/navRubAbonnes-bg-ul.gif) repeat-x left bottom;}
.navRubAbonnes h1 {font-size:11px; }
.navRubAbonnes a:link, .navRubAbonnes a:visited { color:#786E00;}
.navRubAbonnes a:hover { text-decoration:none;}
.navRubAbonnes ul { float:left; margin:0 4px 0 0; background: url(/img_look/abo/navRubAbonnes-borderD.gif) no-repeat right top; padding-right: 1px;  }
.navRubAbonnes li { float:left; height:24px; text-align:center; font-weight:bold; padding:5px 14px 0 14px; border-top:1px solid #D2C864; background: url(/img_look/abo/navRubAbonnes-bg.gif) no-repeat left top;}
.navRubAbonnes li:hover, .navRubAbonnes li.off {background: url(/img_look/abo/navRubAbonnes-bg-hover.gif) no-repeat left top;}
.navRubAbonnes li.actif  { background:#FFF url(/img_look/abo/navRubAbonnes-bg-on.gif) no-repeat left top;}
.navRubAbonnes h1.off { display: inline; float: left; color: #786E00; font-size: 14px; padding: 5px 14px 0 0;}
/* TIMELINE + CHOIX DATE PDF */
.timelineBloc { float:left; width:655px; height:44px; background:url(/img_look/abo/timeline-bg.png) repeat-x left top; padding:30px 0 0 14px; }
.timelineBloc a.linkArchives { float:left; display:block; width:69px; height:20px; font-size:11px; padding:0 0 0 21px; margin-top:12px; line-height:17px; background:url(/img_look/abo/time-fl-archives.png) no-repeat left 1px;}
.timelineBloc .timeline {  float:left; background:url(/img_look/abo/timeline-fl-left.png) no-repeat left center; padding:0 0 0 40px;}
.timelineBloc .timeline a { position:relative; float:left; display:block; width:6px; height:44px; padding-left:1px; background:url(/img_look/abo/timeline-barre.png) no-repeat left center; text-transform:uppercase; }
.timelineBloc .timeline a:hover { background:url(/img_look/abo/timeline-barre-hover.png) no-repeat left center; text-decoration:none;}
.timelineBloc .timeline span { display:none; position:absolute;  font-size:13px; color:#C03; top: -20px; left: -60px; width: 130px; font-weight:bold; text-align:center;}
.timelineBloc .timeline a.actif { background:url(/img_look/abo/timeline-barre-on.png) no-repeat left center;}
.pdfDates { float:left; width:575px; height:87px; background:url(/img_look/abo/timeline-bg.png) repeat-x left bottom; padding:15px 0 0 95px;}
.pdfDates a:link, .pdfDates a:visited { display:block; float:left; width:58px; height:48px; border:1px solid #D2D2D2; color:#666; text-align:center; text-transform:uppercase; font-size:10px; margin:0 10px 0 0; padding-top:10px; background:#FFF;}
.pdfDates a:hover { text-decoration:none; background:#efefef;}
.pdfDates a.actif { background:#C00; border:1px solid #C00; color:#FFF; }
.pdfDates a strong { display:block; font-size:24px; color:#333}
.pdfDates a.actif strong {color:#FFF; }
/*PDF INTERACTIFS*/
.pdfPreview { margin-left:60px; }
.pdfPreview li { float:left; width:275px;  }
.pdfPreview a.btn:link, .pdfPreview a.btn:visited { display:block; width:196px; height:46px; background:url(/img_look/abo/pdf-btn-feuilleter.png) no-repeat left top; padding-top:10px; margin:0 auto 15px auto; font-size:14px; color:#333; text-align:center; font-weight:bold;line-height: 18px;}
.pdfPreview a.btn:hover {background:url(/img_look/abo/pdf-btn-feuilleter-on.png) no-repeat left top; color:#FFF;text-decoration:none;}
.pdfPreview a.btn strong {color:#C00;}
.pdfPreview a.btn:hover strong {color:#FFF;}
.pdfPreview a.image img { width:273px; height:369px; border:1px solid #D2D2D2; }
.pdfAuj {margin-left:196px;}
/* LISTE ARTICLES */
.listArtAbonnes { float:left; padding:8px 15px 15px 14px;}
.listArtAbonnes li { float:left; display:block; border-bottom:1px solid #DCDCDC; padding:15px 0; width:640px;}
.listArtAbonnes li img.photo {float:left; margin:0 15px 0 0; width:125px; height:125px; }
.listArtAbonnes li .avecphoto { width:500px;}
.listArtAbonnes li .sansphoto { width:640px;}
.listArtAbonnes h2 { font-size:21px; margin:0 0 7px 0; line-height:22px; }
.listArtAbonnes h3 {font-size:15px; color:#666; font-weight:normal;}
.listArtAbonnes h4 {font-size: 11px;  font-weight: bold; letter-spacing:0.3pt; text-transform: uppercase; line-height: 18px;}
.listArtAbonnes h4 span { color:#0078A0;}
.listArtAbonnes li div { float:right;width:640px;}
.promotionalContent { float:left; background:#FAF5D2; height:200px; width:640px; margin: 0 0 0 14px;;}
/* COLONNE DROITE */
.bloc-edAbo300 { float:left; clear:both; width:300px; }
.bloc-edAbo300 a.acces:link, .bloc-edAbo300 a.acces:visited {display:block; font-size:10px; }
.bloc-edAbo300 p {color:#333; font-size:18px; line-height:22px;padding-bottom: 2px;}
.bloc-edAbo300 .accroche { display:block;}
.accesGestion p { padding-left:25px; color:#786E00; font-weight:normal; background:url(../img_look/abo/red-circle.png) no-repeat left 3px;}
.accesGestion { border-bottom:1px solid #D2D2D2; margin-bottom:10px;}
.accesGestion .accroche { font-size:12px; padding-bottom:10px; width:210px;}
.accesGestion .accroche a:link, .accesGestion .accroche a:visited { color:#666; }
.accesGestion a.acces:link, .accesGestion a.acces:visited { color:#C00; background:url(/img_look/abo/coldroite-plus-red.png) no-repeat left center; padding-left:22px; line-height: 20px; }
.accesGestion.bloccompte { background:url(/img_look/abo/coldroite-visumoncompte2.jpg) no-repeat right center;}
.accesGestion.blocachats { background:url(/img_look/abo/coldroite-visuachats2.jpg) no-repeat right top;}
.accesGestion.blocactivite { background:url(/img_look/abo/coldroite-visuactivite2.jpg) no-repeat right top;}
.accesGestion.blocabonnements { background:url(/img_look/abo/coldroite-visuabos2.jpg) no-repeat right top;}
.accesGestion.blocfaq { background:url(/img_look/abo/coldroite-visufaq2.jpg) no-repeat right top;}
.accesGestion.bloccontact { background:url(/img_look/abo/coldroite-visucontact2.jpg) no-repeat right top;}
.accesGestion.blocoffresabos { margin-bottom:6px 0 20px; border:none;}
.accesLiseusePDF { margin:6px 0 9px 0; border:1px solid #d5d5d5; background:#FFF;}
.accesreel { border-top:6px solid #990000;}
.accesLiseusePDF div { float:left;  width:278px; padding:10px; border-top:none; }
.accesLiseusePDF div a {}
.accesLiseusePDF img.une { float:left; margin-left:9px; border:1px solid #D2D2D2; }
.accesLiseusePDF p { margin:9px 0 5px 0; font-weight:bold;}
.accesLiseusePDF .accroche { padding-left:8px; color:#333; font-size:13px; line-height:18px; padding-bottom:15px; background:url(../img_look/abo/redtriangle.png) no-repeat left 5px; }
.accesLiseusePDF a.acces:link, .accesLiseusePDF a.acces:visited { display:block; color:#FFF; width:142px; height:28px; line-height:26px; font-weight:bold; background:url(/img_look/abo/coldroite-lirePDF-bg.png) no-repeat left top; text-align:center;}
.accesLiseusePDF a.acces:hover { background:url(/img_look/abo/coldroite-lirePDF-bg-on.png) no-repeat left top; text-decoration:none;}
.accesNewsletter div { width:288px; padding:0 0 5px 10px;}
.accesNewsletter img { float:right; border:0; margin-left: 11px;}
.accesClubabos { background:url(/img_look/abo/coldroite-visuclub2.png) #fff top right no-repeat;}
.accesClubabos div { width:288px; padding:0 0 5px 10px;}
.accesClubabos p { margin:10px 0 5px;}
.accesAbonnesjournal { background:url(/img_look/abo/coldroite-abosjournal2.png) #fff top right no-repeat;}
.accesAbonnesjournal p { margin:10px 0 10px 5px;}
.accesAbonnesjournal div { width:288px; padding:0 0 5px 10px;}
.accesAbonnesjournal span { padding-left:5px; display:block;}
.accesAbonnesjournal span.accroche { font-size:13px; line-height:15px; padding-bottom:30px;}
.accesAbonnesjournal span.telnumber { font-size:21px; font-weight:bold; color:#cc0000; line-height:18px;}
.accesAbonnesjournal span.ttcmin { font-size:9px; font-weight:normal; color:#333; padding-bottom:5px;}
.accesAbonnesjournal span.joursOuvres { font-size:11px;}
.fluxEditorial {margin-bottom:10px;}
.fluxEditorial p { height:42px; line-height:32px; font-size:15px; color:#FFF; padding:0 10px; background:url(/img_look/abo/coldroite-top-or.png) no-repeat left top;}
.fluxEditorial p strong { float:left; width:220px;}
.fluxEditorial p a:link, .fluxEditorial p a:visited { float:right; width:40px; font-size:11px; background:url(/img_look/abo/picto-plus.png) no-repeat right center; color:#FFF; padding-right:19px; text-align:right;}
.fluxEditorial li { float:left; margin-right:3px; border-bottom:1px solid #D2D2D2; padding:8px 9px;}
.fluxEditorial li.last { border-bottom:none;}
.fluxEditorial li a { font-size:15px;  }
.fluxEditorial span { display:block; font-size:11px; color:#786E00}
.liste-articlesAbo-310 {clear: left; margin: 0 0 20px 0; z-index: 500; background:#F5F5F5;}
.liste-articlesAbo-310 .topListe { display:block; height:33px; color:#003C50; font-size:15px; font-weight:bold; text-transform:uppercase; border-top:6px solid #003C50; background: url(/img_look/abo/coldroite-listArticles-top.gif) no-repeat left top; padding:9px 0 0 10px;}
.liste-articlesAbo-310 a:link, .liste-articlesAbo-310 a:visited { color:#003C50;}
.liste-articlesAbo-310 li { display:block; font-size:15px; border-bottom:1px solid #D2D2D2; padding:10px;}
.liste-articlesAbo-310 .basListe { border-bottom:1px solid #D2D2D2; height: 26px; text-align: right; font-size:11px;}
.liste-articlesAbo-310 .basListe a { display:block; line-height: 26px; background:url(/img_look/abo/fl-link.png) no-repeat center right; padding-right:30px;}
.accesYou { text-align:center; margin-bottom: 15px;}
.accesYou strong { font-size:28px; color:#C00; line-height:35px;}
.accesYou span { display:block; font-size:14px; color:#505050; padding-bottom:8px;}
.accesYou ul { margin:0 auto; width:196px; height:196px;}
.accesYou li { float:left; width:98px; height:98px;}
.accesYou a.btn-jepublie { display:block; margin:0 auto; width:152px; height:52px; background: url(/img_look/abo/btn-jepublie.png) no-repeat left top;}
.accesYou a.btn-jepublie:hover { background: url(/img_look/abo/btn-jepublie-on.png) no-repeat left top;}
/*CORPS ARTICLE*/
.corpArticle { width:640px; padding:8px 15px 15px 14px;}
.corpArticle .titre {font-size:28px; }
.corpArticle .titre span { color:#C03; font-weight: bold; margin-right: 5px; text-transform: uppercase;}
.corpArticle .titre h1 { color:#333; font-size:28px; display: inline; line-height:35px; }
.corpArticle h1 a { text-decoration:none; cursor:text;}
.corpArticle .titre h2, .pageReactions  .titre h2  { font-size: 16px; padding:6px 0; font-weight:bold;color:#666; border-bottom: 1px solid #C8C8C8;}
.corpArticle .titre h2 br , .pageReactions  .titre h2 br { display:none;}
.corpArticle .titre .auteurPubli { font-size:14px; margin-top: 7px ;  padding-bottom:10px; color:#666; border-bottom: 1px solid #C8C8C8; }
.corpArticle .share { margin:15px 0 10px 0;height: 35px;}
.corpArticle .share iframe { float:left;}
.corpArticle .share .ico { float:right; width:120px;}
.corpArticle .share .ico a { height:20px;}
.corpArticle .share .ico img { padding:0 10px; margin: 3px 0;}
.corpArticle .share .ico img.sep { border-right:1px solid #C8C8C8;}
.corpArticle .share .ico img.last {padding:0 0 0 10px;}
.corpArticle .share .pub { margin-left:20px;}
.corpArticle .share .facebook { float:left; }
.corpArticle .share .twitter { float:right; float:right}
.corpArticle .share .plusUnGoogle { float:right; width: 45px;}
.corpArticle .share .envoyerAmi { float:right;}
.corpArticle .shareBas {float: left; width: 640px; border-top: 1px solid #DEDEDE; padding-top: 8px;  /*border: 1px solid #DEDEDE; padding: 8px 10px 5px 10px; height: 81px;*/}
.corpArticle .shareBas .twitter, .corpArticle .shareBas .plusUnGoogle  {float:left; margin-right: 10px; width:auto;}
.corpArticle .shareBas .envoyerAmi {float:left; }
.fb-like, #___plusone_1 {float:left;}
.corpArticle .visuelMain { float:left; margin:0 0 10px 0; background:#1E1E1E url(/imgs/article/bg-photo-fl-bas.gif) no-repeat left top; text-align:center;}
.corpArticle .visuelMain p { background:#1E1E1E; border-top:1px solid #626262;  color:#FFF; font-size:13px}
.corpArticle .visuelMain h3 { float: left; font-size: 13px; font-weight: normal;line-height: 20px;width: 560px; color:#FFF;}
.corpArticle .visuelMain .legende {float:left; text-align:left; padding:9px; line-height:20px; width: 622px;}
.corpArticle .visuelMain .legende span { float: left; width: 560px}
.corpArticle .visuelMain .legende br { display:none; }
.corpArticle .visuelMain .legende strong, .corpArticle .visuelMain .legende b { padding-left:5px; color:#0078A0;}
.corpArticle .visuelMain .legende .pictoDiapo { float: right;color:#BEBEBE; width:55px; line-height: 14px; font-size: 12px; font-weight: bold; letter-spacing: 1.5pt;text-align: center;border-left:1px solid #8F8F8F;}
.corpArticle .visuelMain .legende .pictoDiapo img { margin-right:5px; }
.corpArticle .actionsReagir {}
.corpArticle .actionsReagir p { float:right; }
.corpArticle .actionsReagir .actions { padding:0 10px; margin:4px 10px; height:18px; border-right:1px solid #C8C8C8; border-left:1px solid #C8C8C8;}
.corpArticle .actionsReagir .actions .print { padding:0 10px; margin:0 8px; border-right:1px solid #C8C8C8; border-left:1px solid #C8C8C8;}
.corpArticle .actionsReagir .reactions {background:url(/imgs/article/bg-reagir-left.png) no-repeat left top; padding:0 0 0 2px; line-height:24px; font-size:13px;}
.corpArticle .actionsReagir .reactions a:link, .corpArticle .actionsReagir .reactions a:visited { display:block; float: left;height:24px; color:#FFF;background:url(/imgs/article/bg-reagir.png) repeat left top; }
.corpArticle .actionsReagir .reactions a.nb:link, .corpArticle .actionsReagir .reactions a.nb:visited { background: url(/imgs/article/bg-reagir.png) repeat-x left top; padding:0 0 0 7px;color:#FFF;}
.corpArticle .actionsReagir .reactions a.nb span { background:url(/imgs/article/picto-reactions.gif) no-repeat left center; border-right: 1px solid #FFFFFF; padding: 0 5px 0 20px;color:#FFF;}
.corpArticle .actionsReagir .reactions a.reagir:link, .corpArticle .actionsReagir .reactions a.reagir:visited {color:#FFF; background:url(/imgs/article/bg-reagir-right.png) no-repeat right top; padding:0 8px 0 7px;}
.corpArticle .actionsReagir .nbvotants { background:url(/imgs/article/bg-reagir-left.png) no-repeat left top; padding:0 0 0 2px; line-height:24px; font-size:13px; margin-right:10px;}
.corpArticle .actionsReagir .nbvotants span {display:block; float: left;height:24px; color:#FFF;background:url(/imgs/article/bg-reagir-right.png) no-repeat right top;padding:0 0 0 7px;}
.corpArticle .actionsReagir .nbvotants strong { background:url(/icons/kesjour/ico_votants_kes_art.png) no-repeat left center; border-right: 0 none;padding: 0 5px 0 20px; font-weight:normal;}
.corpArticle #content {float:left; width:640px; clear:both; margin-top: 20px; color:#464646; }
.corpArticle #content .intertitre { display:block; color:#666; font-weight:bold; font-size:18px; margin:12px 0;}
.corpArticle #content a:link, .corpArticle #content a:visited {color:#369;}
#pubComplementsArt { float:left; }
#pubComplementsArt .complements {float: left;  width:300px; border-top:6px solid #003C50; border-bottom:6px solid #003C50; margin:10px 25px 10px 0}
#pubComplementsArt .complements .top { font-size:15px; font-weight:bold; color:#003C50; line-height:31px; padding:0 0 0 7px; }
#pubComplementsArt .complements .redac { float: left; background:#505050 url(/imgs/article/fl-bas-left-white.png) no-repeat left top; padding:11px 0 0 0; list-style-type:none;}
#pubComplementsArt .complements .redac a { color:#FFF;}
#pubComplementsArt .complements li { float: left; width:280px; padding:10px 0; margin:0 10px; border-bottom:1px solid #DCDCDC;  }
#pubComplementsArt .complements li h4 {font-size:13px; line-height:16px; font-weight:normal; }
#pubComplementsArt .complements li.last { border-bottom:none;}
#pubComplementsArt .complements li img { float:left; border:1px solid #FFF; margin-right:13px; }
#pubComplementsArt .complements .smartLinks {list-style-type:none;}
#pubComplementsArt .complements .smartLinks a { color:#333;}
#blocreactions { padding: 20px 22px 20px 14px;;}
a.conn-int-exit {color:#FFF;}
div.AdSense {padding: 15px 0 10px;}
div.AdSense180 { width:170px;}
/* Size Corps du texte */
.corpArticle .texte {font-size:15px;line-height:22px;}
.corpArticle .texte1 {font-size:10px;line-height:15px;}
.corpArticle .texte2 {font-size:13px;line-height:18px;}
.corpArticle .texte3 {font-size:15px;line-height:22px;}
.corpArticle .texte4 {font-size:18px;line-height:25px;}
.corpArticle .texte5 {font-size:22px;line-height:30px;}
.corpArticle .source { clear:both;  font-size:13px; color:#336; line-height:40px;}
.corpArticle .commercialLink a { background:url(/imgs/article/fl-bleu.gif) no-repeat left center; font-size:15px; font-weight:bold; color:#005A78; padding-left:25px;}
.corpArticle .shareActionsBas { float: left; height:16px; padding:3px 0; margin:25px 0 15px 0; border:1px solid #DCDCDC}
.corpArticle .shareActionsBas a { display:block; float:left; height:16px; padding:0 29px; border-right:1px solid #B9B9B9;}
.corpArticle .shareActionsBas a.sizeUp {padding:0 0 0 29px;}
.corpArticle .shareActionsBas a.sizeDown {padding: 0 29px 0 2px;}
.corpArticle .shareActionsBas a.sizeUp, .corpArticle .shareActionsBas a.last { border-right:none;}
.autresArticlesAbo { float:left; width:640px; border-top:6px solid #003C50; margin:0 15px 0 14px; }
.autresArticlesAbo .top { clear:both; background:#DCDCDC; font-size:15px; font-weight:bold; color:#003C50; line-height:31px; padding:0 11px 0 7px; text-transform: uppercase; }
.autresArticlesAbo .top a { float:right; background: url(/imgs/article/fl-rond-gris.png) no-repeat right center; font-size:11px; color:#333; padding-right:25px;}
.autresArticlesAbo ul { float:left; clear:left; padding:22px 0 30px 0; background:url(/imgs/article/fl-bas-left-grey.gif) no-repeat 0 0;}
.autresArticlesAbo li { float:left; width:210px; margin:0 5px 0 0;}
.autresArticlesAbo li.last { margin:0; }
.autresArticlesAbo li a:link, .autresArticlesAbo li a:visited { display:block;  padding:0 0 12px 0; color:#464646; font-size:13px; }
.autresArticlesAbo li a.titre { height:70px;  padding:9px 0 12px 15px; border: 1px solid #D2D2D2;}
.autresArticlesAbo li a:link strong, .autresArticlesAbo li a:visited strong { display:block; padding-bottom:8px; color:#005A78; text-transform:uppercase; text-decoration:none; font-size:11px; }
.ligatusContener { float:left; clear: both; position: relative; margin:0 15px 0 14px;}
/* bloc check accès premium dans article + pdf interactif */
.checkDroitsArticle { float:left; width:550px; margin:30px auto 30px 50px; background:#F5F5F5; border-top:6px solid #C03; border-bottom:1px solid #DCDCDC;  }
/*GESTION DE COMPTE ET AUTRES*/
.gestionEspace { float:left; padding:30px 59px; width:551px;}
.gestionEspace h1 {float:left;  font-size:21px; color:#786E00; font-weight:normal; padding-bottom:15px; width:550px;}
.gestionEspace h1 span { color:#C00; }
.gestionEspace .introPage { font-size:15px; color:#333; line-height:18px; font-weight:normal;margin: 15px 15px 15px 0;display: block;}
.gestionEspace .logoFaq {position:absolute; left:500px; top:10px;}
.blocAlerte { float:left; width:471px; margin:10px 0 30px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size:13px; line-height: 18px; padding:8px 20px 8px 59px;}
.blocAlerte ul { list-style-type:disc;}
.blocAlerte span { display:block; font-size:11px; font-weight:bold; }
.blocAlerte ul { margin:10px 0 0 0; }
.blocAlerte li { list-style-type:disc; list-style-position:inside;}
.blocAlerte a.acces { background:url(/img_look/abo/fl-link-red.png) no-repeat left center; font-size:10px; color:#C00; padding:3px 0 3px 19px; margin-left:8px;}
/*jaune*/
.blocAlerte#alerteJaune { border: 1px solid #BEA500; background:  #FFFAE1 url(/img_look/abo/alerte-jaune-picto.gif) no-repeat left top;  font-size:11px;}
.blocAlerte#alerteJaune li strong { color:#C00; }
/*vert*/
.blocAlerte#alerteVerte { color:#060; font-weight:bold;  border: 1px solid #393; background:#CFC url(/img_look/abo/alerte-verte-picto.gif) no-repeat left top; }
/*rouge*/
.blocAlerte#alerteRouge { color:#C33; font-weight:bold; border: 1px solid #C33; background: #FCC url(/img_look/abo/alerte-rouge-picto.gif) no-repeat left top;}
/*FORMULAIRES*/
.gestionEspace form { display:block; clear:left; color:#333; font-size:13px;}
.gestionEspace h2 { font-size:18px; margin: 0 0 15px 0; font-weight:normal;}
.gestionEspace label { float:left; width:220px; text-align:right; padding-right:15px; line-height:40px;}
.gestionEspace input { font-weight:bold; color:#333;}
.gestionEspace .civilite label { width:60px; text-align: left;}
/*text, password*/
input[type=text].default, input[type=password].default {background:url(/img_look/abo/input-default-bg.gif) no-repeat left top;}
input[type=text].error, input[type=password].error {background:url(/img_look/abo/input-ko-bg.gif) no-repeat left top;}
input[type=text].ok, input[type=password].ok {background:url(/img_look/abo/input-ok-bg.gif) no-repeat left top;}
.gestionEspace input[type=text], .gestionEspace input[type=password], .checkDroitsArticle input[type=text], .checkDroitsArticle input[type=password], .checkDroits input[type=text], .checkDroits input[type=password] { height:30px; line-height: 30px; padding: 0 10px; margin:5px 15px 5px 0;}
.checkDroitsArticle input[type=text], .checkDroitsArticle input[type=password] {width:164px; background:url(/img_look/abo/input180-default-bg.gif) no-repeat left top; }
.checkDroitsArticle input[type=text]:focus, .checkDroitsArticle input.focus { background: url(/img_look/abo/input180-actif-bg.gif) no-repeat left top; }
.gestionEspace input[type=text], .gestionEspace input[type=password] { width:280px; }
.gestionEspace input[type=text]:focus, .gestionEspace input.focus { background: url(/img_look/abo/input-actif-bg.gif) no-repeat left top; }
.gestionEspace input[type=text][readonly], .gestionEspace input[type=password][readonly]  {background:url(/img_look/abo/input-bloque-bg.gif) no-repeat left top; color:#666;}
/*submit*/
.gestionEspace input[type=submit], .checkDroitsArticle input[type=submit] { text-align:center; font-size:11px; color:#666; font-weight:bold; height:34px; line-height:30px; }
.gestionEspace input[type=submit] {float:right; margin:15px 15px 20px 0; width:158px;background:url(/img_look/abo/input-submit-bg.png) no-repeat left top;}
.gestionEspace input[type=submit]:hover {color:#FFF; background:url(/img_look/abo/input-submit-bg-on.png) no-repeat left top;}
.checkDroitsArticle #loginButton { color: #666666; font-size: 11px; font-weight: bold; height: 34px; line-height: 34px; text-align: center; background: url(/img_look/abo/input180-submit-bg.png) no-repeat scroll left top transparent; margin: 6px 0; width: 180px; float:left; text-transform:uppercase;}
.checkDroitsArticle #loginButton:hover { color:#FFF; background:url(/img_look/abo/input180-submit-bg-on.png) no-repeat left top; text-decoration:none;}
/*PROFIL*/
.gestionEspace.profil fieldset {margin-bottom:20px}
.gestionEspace.profil label { float:none; display: block; line-height:22px; text-align:left;}
.gestionEspace.profil input[type=text], .gestionEspace.profil input[type=password] { float:left;}
.gestionEspace.profil .privePublic { float:left;  margin:0 0 0 37px; width:150px; height:31px; line-height: 31px;font-size:11px; font-weight:bold; color:#333; }
.gestionEspace.profil .privePublic span { display:block; float:left; height:31px; width:71px; background:url(/img_look/abo/privepublic-bg.png) no-repeat left top; padding-left:19px; }
.photoAvatar {margin-bottom:30px; clear: both;float: left;}
.photoAvatar a { display:block; background:url(/img_look/abo/red-cross.gif) no-repeat left center; color: #c00; font-size: 11px; padding-left: 22px;line-height:25px;width: 80px;}
.photoAvatar input[type=file] { width:300px; border: 1px solid #D2D2D2;}
#img_avatar { margin-bottom:10px;}
.gestionEspace textarea#presentation { float:left; width:280px; height:120px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:1px solid #D2D2D2; padding:10px; font-size:13px; color:#333; margin-right:14px;}
.avatarPhoto, .interetsHobbies { float:left;}
.interetsHobbies { font-size:13px; color:#333; padding-bottom:35px; border-bottom:1px solid #D2D2D2;}
.avatarPhoto h2, .interetsHobbies h2 { float:left; width:352px; }
.gestionEspace.profil .avatarPhoto .privePublic, .gestionEspace.profil .interetsHobbies .privePublic { margin:-3px 0 0 0;}
.interetsHobbies fieldset { float:left; width:245px; margin:20px 0 0 15px; }
/*inscription SSO - corrections vs tunnel achat */
.moncompte.creaCompteSSO  label span { float: right; line-height: 13px; margin-left: 25px; margin-top: 7px; width: 210px;}
.moncompte.creaCompteSSO  label {width:551px; text-align:left;}
.moncompte.creaCompteSSO #captchaReload { width:230px; }
.moncompte.creaCompteSSO #captchaReload a { margin-left:40px;}
.moncompte.creaCompteSSO #conditionsCGU {width:551px; border-bottom:1px solid #D2D2D2; padding-bottom:15px;}
.moncompte.creaCompteSSO #conditions {width:551px}
.moncompte.creaCompteSSO #codesecurite {  padding:0 5px 0 0;}
.moncompte.creaCompteSSO #captchaReload img {  margin-right:5px;}
/*Newsletter*/
.nlGene { position:relative; padding:0 15px 0 205px; margin-bottom:30px;}
.nlGene h2 { font-size:18px; margin-bottom:9px; font-weight:bold;}
.nlGene h2 span { font-size:13px; color:#0078A0; font-weight:normal;}
.nlGene h3 { font-size:13px; font-weight:normal; margin-bottom:8px;}
.nlGene a.voir:link, .nlGene  a.voir:visited { float:right; text-align:right; background:url(/img_look/abo/fl-link-red.png) no-repeat right center; padding:7px 22px 0 0; height:20px; font-size:10px; color:#C00;}
.nlGene fieldset { position:absolute; bottom:0; left:205px; height:33px;}
.nlGene label {text-align:left; width:95px; line-height:33px; font-size:12px; font-weight:bold}
.nlGene label input { margin-right:3px;}
.nlGene.nlUne { height:163px; background:url(/img_look/abo/nl-alaune.jpg) no-repeat right center;  }
.nlGene.nlAlertePresidentielle { height:170px; background:url(/img_look/abo/nl-presidentielle.jpg) no-repeat right center; }
.nlGene.nlAlerteLegislatives { height:170px; background:url(/imgs/legislatives/nl-election-2012.jpg) no-repeat right center; }
.nlGene.nlAlerteinfo { height:170px; background:url(/img_look/abo/nl-alerteinfo.jpg) no-repeat right center; }
.nlGene.nlParisienne { height:163px; background:url(/img_look/abo/nl-parisienne.jpg) no-repeat right center; }
.nlGene.nlEtudiant { height:170px; background:url(/img_look/abo/nl-etudiants.jpg) no-repeat right center; }
.nlGene.nlBonsplans { height:164px; background:url(/img_look/abo/nl-bonsplans.jpg) no-repeat right center; }
.gestionEspace.newsletter #codesecurite { float:right; line-height:20px; width:300px; margin-top:10px;text-align: left; font-size: 12px;}
.gestionEspace.newsletter #captchaReload {margin-top: 20px; }
.gestionEspace.newsletter #captchaReload { float:right;}
.gestionEspace.newsletter #reloadtext {display: block; font-size: 11px; line-height: 15px;}
.gestionEspace.newsletter #captcha { font-size:18px;}
/*bloc 550px check accès premium*/
.checkDroits { float:left; width:550px; margin:20px 0 35px 0;}
.checkDroits .logSSO { float:left; width:330px;}
.checkDroits .logSSO p { font-size:21px; color:#0078A0; }
.checkDroits .logSSO p span { color:#333; display:block; font-size:13px; font-weight:normal; padding:4px 0;}
.checkDroits .logSSO .error { font-family:Verdana; font-size:10px; color:#C03; width: 300px; display:none;}
.checkDroits .logSSO #retrieveForgotten {display:block; text-align:right; padding-right:30px; font-size:11px; color:#666; line-height: 18px;}
.checkDroits .logSSO #loginButton { background: url(/img_look/abo/input-submit-bg.png) no-repeat scroll left top transparent; float: right; margin: 15px 30px 20px 0; width: 158px; color: #666666; font-size: 11px; font-weight: bold; height: 34px; line-height: 34px; text-align: center; text-transform:uppercase; }
.checkDroits .logSSO #loginButton:hover { color:#FFF; background:url(/img_look/abo/input-submit-bg-on.png) no-repeat left top; text-decoration:none;}
.checkDroits .pasInscrit { float:left; width:188px; background: url(/img_look/abo/bg-checkdroits.png) repeat-x left top; border:1px solid #d2d2d2; padding:0 12px 19px 18px; font-size:13px; }
.checkDroits .pasInscrit p {  font-size:21px; color:#C00; line-height:45px;}
.checkDroits .pasInscrit strong { display:block; margin-bottom:8px;}
.checkDroits .pasInscrit ul {list-style:disc inside; margin-bottom:30px;}
.checkDroits  a.acces:link, .checkDroits  a.acces:visited { display:block; color:#FFF; font-size:11px; width:182px; height:28px; line-height:26px; font-weight:bold; background:url(/img_look/abo/submit-red.png) no-repeat left top; text-align:center;}
.checkDroits a.acces:hover { background:url(/img_look/abo/submit-black.png) no-repeat left top; text-decoration:none;} 
/* BTN VOTES ENVOIS */
.filtreContenu a { display:block; float:left; font-size:11px; font-weight:bold; width:79px; line-height:30px; text-align:center;}
.filtreContenu a.actif { color:#FFF;} 
.filtreContenu { float: left; margin: 0 0 25px 140px;}
.filtreContenu a.right {background:url(/img_look/abo/btn-left-inactif.png) no-repeat top left;}
.filtreContenu a.right.actif {background:url(/img_look/abo/btn-left-actif.png) no-repeat top left;}
.filtreContenu a.left {background:url(/img_look/abo/btn-right-inactif.png) no-repeat top left;}
.filtreContenu a.left.actif {background:url(/img_look/abo/btn-right-actif.png) no-repeat top left;}
.filtreContenu a.milieu  {background:url(/img_look/abo/btn-middle-inactif.png) no-repeat top left;}
.filtreContenu a.milieu.actif {background:url(/img_look/abo/btn-middle-actif.png) no-repeat top left;}
/*MON ACTIVITE*/
.mespartages li { float:left; width:470px; border-bottom:1px solid #D2D2D2; padding:12px 0 12px 80px;}
.mespartages .envoi { background:url(/img_look/abo/activite-picto-envoi.gif) no-repeat left 10px;}
.mespartages .vote { background:url(/img_look/abo/activite-picto-vote.gif) no-repeat left 10px;}
.mespartages li span, .monactivite span, .monactivite strong { text-transform:uppercase; font-size:11px; color:#666;}
.mespartages li h2 { font-size:18px;}
.gestionEspace .pagination { clear:left; text-align:center; font-size:12px; margin:10px 0; padding:15px 0 0 0 ;}
.gestionEspace .pagination a { color:#666; padding:2px 6px;}
.gestionEspace .pagination a.prev, .gestionEspace .pagination a.next { padding:2px 9px 2px 8px; }  
.gestionEspace .pagination a.prev { background: url(/img_look/abo/pagin-left.gif) left center; margin:0 10px;}
.gestionEspace .pagination a.prev:hover { background: url(/img_look/abo/pagin-left-on.gif) left center; }
.gestionEspace .pagination a.next { background: url(/img_look/abo/pagin-right.gif) left center; margin:0 10px 0 5px; }
.gestionEspace .pagination a.next:hover { background: url(/img_look/abo/pagin-right-on.gif) left center; }
.gestionEspace .pagination div { float:left;}
.gestionEspace .pagination div a { float:left; width:20px; height:18px; margin-right:5px; text-align:center;}
.gestionEspace .pagination a.actif {background:#FAF5D2; border: 1px solid #BEA500;}
.gestionEspace .activiteVide { clear:left; text-align:left; font-size:15px; font-weight:bold;line-height: 22px;margin:0 30px 15px 0}
.monactivite li { float:left; width:450px; padding: 15px 0 15px 0; border-bottom:1px solid #D2D2D2;}
.monactivite .attente .statut {color:#333}
.monactivite .valide .statut {color:#0078A0}
.monactivite .refuse .statut {color:#C00}
.monactivite h2 {font-size:18px; margin: 5px 0 10px 0;}
.monactivite h3 { font-size:15px; font-weight:normal;}
.mescontributions img { float:left; border:1px solid #323232; width:93px; margin-right:15px}
.mescontributions div { float:right; position:relative; width:80px; height:95px; margin-left:15px; }
.mescontributions div span {font-size:12px;}
.mescontributions div .nb-elements { position:absolute; top:13px; right:-1px}
.mescontributions div .nb-comments { position:absolute; top:65px; right:-1px}
.mescontributions .photo.attente div, .mescontributions .photo.refuse div { background:url(/img_look/abo/contrib-photo-attente.jpg) left top;}
.mescontributions .photo.valide div { background:url(/img_look/abo/contrib-photo.jpg) no-repeat left top;}
.mescontributions .video.attente div, .mescontributions .video.refuse div { background:url(/img_look/abo/contrib-video-attente.jpg) left top;}
.mescontributions .video.valide div { background:url(/img_look/abo/contrib-video.jpg) no-repeat left top;}
.mescontributions .texte.attente div, .mescontributions .texte.refuse div { background:url(/img_look/abo/contrib-texte-attente.jpg) left top;}
.mescontributions .texte.valide div { background:url(/img_look/abo/contrib-texte.jpg) no-repeat left top;}
.mesreactions h3 { padding-left:63px; height:35px;}
.mesreactions .valide h3 { background:url(/img_look/abo/reac-valide.jpg) no-repeat left top;}
.mesreactions .attente h3, .mesreactions .refuse h3 { background:url(/img_look/abo/reac-attente.jpg) no-repeat left top;}
/*OFFRES CASEBOOK*/
.abo-casebook{ display:block; width:80; height:100px; float:right; margin-top:50px}
.abo-casebook-premium{ display:block; width:80; height:100px; float:right; margin-top:170px}
/*OFFRES ABONNEMENTS*/
.offresPremium { padding:0px 10px 10px 10px;}
.offresPremium h1 {  font-size:21px; color:#786E00; font-weight:normal; padding-bottom:15px;}
.offresPremium h3 { font-size:15px; color:#333; line-height:18px; font-weight:normal; margin-bottom: 20px;}
.edPremium .mentions { clear:both; text-align: center; font-size:11px; color:#666; margin: 30px 0 0; padding: 10px 0 0;}
.edPremium .mentions a:link, .edPremium .mentions a:visited { color:#666;}
.plusOffres { clear: both; margin:0 0 0 380px;  width:160px; font-size:14px; text-align:center; font-weight:bold;}
.plusOffres a.btnPlus:link, .plusOffres a.btnPlus:visited { display:block; height:63px; background:url(/img_look/abo/offres-btn-plus.png) no-repeat center top;}
.plusOffres a.btnPlus:hover {background:url(/img_look/abo/offres-btn-plus-on.png) no-repeat center top;}
#autresOffres { float:left; width:920px; height:430px}
.rouge{ height:430px}
.rouge .prixOffre { height:410px !important} 
.rouge .detailOffre  { height:410px !important}
.offresPremium ul.desc{ font-family:Helvetica, Arial, sans-serif}
.uneOffre { float:left;  z-index:1; width:920px; margin-top:10px; }
/*gauche*/
.uneOffre .prixOffre { position:relative; float:left; width:208px; height:170px; }
.Roffre{height:240px !important;}
.URoffre{height:200px !important;}
.Roffre1{height:205px !important;}
.URoffre1{height:165px !important;}
.RoffreB input { font-size:12px !important}
.uneOffre .prixOffre h4 {  font-size:21px; color:#2b2b2b; padding-top:10px}
.uneOffre .prixOffre h4 span { display:block; color:#6b7589; font-size:18px; margin-top:8px }
.uneOffre .prixOffre p { color:#2b2b2b; font-size:15px; margin:19px 0 13px 0;}
.uneOffre .prixOffre p strong {display:block; font-size:94px; line-height: 65px; }
.uneOffre .prixOffre p strong label.unity {font-size:20px;  }
.uneOffre .prixOffre small { display:block; color:#F00; font-size:12px; text-transform:uppercase; }
.uneOffre .prixOffre .reduc { position:absolute; left:-1px; bottom:15px; background:url(/img_look/abo/offres-reduc-bg.jpg) no-repeat left top; width:221px; height:38px; font-size:18px; color:#FFF;line-height: 35px;}
/*couleurs gauche*/
.uneOffre.jaune .prixOffre {border:1px solid #C89600; background:#FAD200;}
.uneOffre.jaune .prixOffre h4 { color:#000;}
.uneOffre.rouge .prixOffre h4 { color:#000; margin-top:55px}
.uneOffre.rouge .prixOffre h4 span {color:#FFF;}
.uneOffre.rouge .prixOffre h4 span label { font-size:14px; line-height:1.8em}
.uneOffre.rouge .prixOffre p {color:#FFF;}
.uneOffre.rouge .prixOffre small {color:#000;}
/*droite*/
.uneOffre .detailOffre { float:left; width:671px; height:170px; padding:19px;  border-bottom:1px solid #D2D2D2;}
.uneOffre .detailOffre .visuOffre { float:left; margin-right:20px; }
.uneOffre .detailOffre h2 { font-size:13px; font-weight:bold; text-transform:uppercase; color:#000; margin:0 0 7px 0; font-family: Arial,Helvetica,sans-serif !important;}
.uneOffre .detailOffre h2.red {}
.uneOffre .detailOffre ul.desc {  list-style-type:disc; list-style-position: outside; font-size:13px; margin-left: 265px; height: 132px;}
.uneOffre .detailOffre ul.desc li { margin:7px 0;  line-height:1.3em}
.uneOffre .detailOffre form.formCourt { float: right;width: 283px;}
.uneOffre .detailOffre form select { font-size:18px;}
.uneOffre .detailOffre div.Sdsc{ width:310px; height:145px;  padding:5px 5px 2px 20px; margin-top:10px;  background-image:url(../img_look/abo/Sdesc.png); background-repeat:no-repeat; background-position:top
}
.uneOffre .detailOffre ul.Sdesc {  list-style:disc outside none;  font-size:13px; margin-left: 30px; }
/*fr*/
.uneOffre .detailOffre form input.nl[type=submit] ,.uneOffre .detailOffre form input.fr[type=submit] {  border-radius: 0.3em 0.3em 0.3em 0.3em; /* box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);*/cursor: pointer; display: inline-block; font: 13px/100% Arial,Helvetica,sans-serif; margin: 0 2px 2px 12px ; outline: medium none; padding: 0.5em 1em 0.55em; text-align: center; text-decoration: none;  vertical-align: baseline; text-transform:uppercase; font-weight:bold
}
.uneOffre .detailOffre form input.nl[type=submit]:hover, .uneOffre .detailOffre form input.fr[type=submit]:hover {	text-decoration: none; }
.uneOffre .detailOffre form input.nl[type=submit]:active, .uneOffre .detailOffre form input.fr[type=submit]:active {	position: relative; 	top: 1px; }
.gray {	color: #333; 	border: solid 1px #f2f1f1; 	background: #E1E2E3; 	background: -webkit-gradient(linear, left top, left bottom, from(#f8f6f6 ), to(#ece9e9)); 	background: -moz-linear-gradient(top,  #f8f6f6 ,  #ece9e9); 	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f6f6 ', endColorstr='#ece9e9'); }
.gray:hover {	background: #fff; 	background: -webkit-gradient(linear, left top, left bottom, from(#E1E2E3 ), to(#f6f4f4)); 	background: -moz-linear-gradient(top,  #E1E2E3 ,  #f6f4f4); 	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a7a9ac ', endColorstr='#f6f4f4'); }
.gray:active {	color: #333; 	background: -webkit-gradient(linear, left top, left bottom, from(#E1E2E3 ), to(#f6f4f4)); 	background: -moz-linear-gradient(top,  #E1E2E3 ,  #f6f4f4); 	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#E1E2E3 ', endColorstr='#f6f4f4'); }
.yellow {	color: #fff; 	border: solid 1px #e3b30c; 	background: #0095cd; 	background: -webkit-gradient(linear, left top, left bottom, from(#FAD200 ), to(#e3b30c)); 	background: -moz-linear-gradient(top,  #FAD200 ,  #e3b30c); 	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAD200 ', endColorstr='#e3b30c'); }
.yellow:hover {	background: #fff; 	background: -webkit-gradient(linear, left top, left bottom, from(#e3b30c ), to(#FAD200)); 	background: -moz-linear-gradient(top,  #e3b30c ,  #FAD200); 	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#e3b30c ', endColorstr='#FAD200'); }
.yellow:active {	color: #fff; 	background: -webkit-gradient(linear, left top, left bottom, from(#e3b30c ), to(#FAD200)); 	background: -moz-linear-gradient(top,  #FAD200 ,  #e3b30c); 	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#e3b30c ', endColorstr='#FAD200'); }
.uneOffre .detailOffre form label { float:left; text-align:left; font-size:13px;  width:149px; padding: 0 0 0 10px; line-height: 20px;}
.uneOffre .detailOffre form label strong {font-size:18px; }
.uneOffre .detailOffre form label span { display:block; color:#F00; padding-left: 16px;}
.uneOffre .detailOffre .error {  height:55px;  margin-left: 230px;}
.uneOffre .detailOffre .error span { display: block; font-size:12px; color:#C33; font-weight:bold; line-height:55px; padding-left:38px; text-transform: uppercase; background:url(/img_look/abo/picto-error.gif) no-repeat left center;}
/*couleurs droite*/
.uneOffre.rouge .detailOffre h2 {color:#000;}
/*Offre journal papier - bloc court*/
.offreJournal .prixOffre {height:44px; padding:7px 0;}
.offreJournal .prixOffre h4 {font-size:18px; color:#999;}
.offreJournal .detailOffre { height:58px; width:709px; padding:0;}
.offreJournal .detailOffre h2 { float:left; padding-top:23px;}
.offreJournal .detailOffre form { float: right; /*margin-top: 15px;*/ }
.offreJournal .detailOffre form input[type=submit]{ margin:15px 19px 0 19px;}
/*MES ACHATS - MES ABONNEMENTS*/
.mesachats table { width:550px; border:0 none; }
.mesachats thead th { height:25px; line-height:25px; font-size:11px; color:#FFF; text-transform:uppercase; text-align:left;padding-left:15px;}
.mesachats tbody td { font-size:13px; padding:10px 0 10px 15px; border-bottom:1px solid #D2D2D2;vertical-align: top;}
.mesachats tbody td span { display:block; }
.mesachats tbody ul {}
.mesachats tbody li { display : list-item; list-style-image : url(/img_look/abo/fl-small.gif);list-style-position: outside; margin-left: 15px;}
.mesachats .statut { font-weight:bold;}
.mesachats .statut.ok { color:#390;}
.mesachats .statut.nok { color:#C86400;}
.mesachats .statut.ko { color:#C00;}
.mesachats input[type=checkbox] { margin-left:3px;}
.mesachats .last { border:0 none;}
.mesachats .jaune {margin-bottom: 55px; margin-top: 15px;}
.mesachats .jaune thead th { background:#BEA500;}
.mesachats .gris thead th { background:#666;}
.mesachats a.btnSupprimer:link, .mesachats a.btnSupprimer:visited { float:right; display:block; margin: 15px 10px 20px 0; text-align:center; font-size:11px; color:#666; font-weight:bold; height:34px; line-height:34px; width:158px; background:url(/img_look/abo/input-submit-bg.png) no-repeat left top;}
.mesachats a.btnSupprimer:hover {color:#FFF; background:url(/img_look/abo/input-submit-bg-on.png) no-repeat left top; text-decoration:none}
.mesachats .decouvrirOffres {clear: left; width:550px; border-top:1px solid #D2D2D2; font-size:14px; font-weight:bold; text-align:center;}
.mesachats .decouvrirOffres a {display:block; margin-top:15px;}
.mesachats .decouvrirOffres a.text:link, .mesachats .decouvrirOffres a.text:visited { background:url(/img_look/abo/plusred.gif) no-repeat 135px center; color:#C00; padding:5px 0 5px 35px; }
/*overlay*/
.overlayPremium { clear:both; width:310px; height:205px; background:url(/img_look/abo/overlay-bg.png) no-repeat left top; text-align:center; padding:15px 30px 30px 30px;}
.overlayPremium .topAlert { display:block; background:url(/img_look/abo/overlay-picto-suppr.png) no-repeat 60px 10px; font-size:31px; color:#CCC; padding:5px 0 0 30px; }
.overlayPremium .texte { display:block; margin-top:35px; font-size:18px; color:#FFF; line-height: 26px;}
.overlayPremium .validation { margin-top: 46px;}
.overlayPremium .btnLeft { float:left; background:url(/img_look/abo/overlay-btn-annuler.png) no-repeat left top; width:110px; height:30px }
.overlayPremium .btnLeft:hover {background:url(/img_look/abo/overlay-btn-annuler-on.png) no-repeat left top; }
.overlayPremium .btnRight {float:right; background:url(/img_look/abo/overlay-btn-suppr.png) no-repeat left top; width:110px; height:30px }
.overlayPremium .btnRight:hover {background:url(/img_look/abo/overlay-btn-suppr-on.png) no-repeat left top;}
/*CONTACT*/
.formContact .introPage { float:left; margin-bottom:20px}
.formContact .introPage a:link, .formContact .introPage a:visited {color:#C00; }
.formContact h2 span { font-size:11px; font-weight:normal; float:right; margin-right:17px;}
.formContact select {background: url(/img_look/abo/select-bg.png) no-repeat scroll left top transparent; border-right: 1px solid #D2D2D2; float: left; font-weight: bold; height: 30px; line-height: 30px; margin: 5px 14px 0 0; padding: 5px;  width: 300px;}
.formContact label {width:550px;}
.formContact label span { float:left; width:220px; text-align:right; padding-right:15px; line-height:40px;}
.formContact select option { display:block; padding:5px 0 5px 10px; }
.formContact textarea#message { float:left; width: 513px; height: 158px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:1px solid #D2D2D2; padding:10px; font-size:13px; color:#333; margin-top:20px; color:#666;}
/*FAQ*/
.faqpremium { float:left; width:550px; margin:10px 0; padding-bottom:15px; border-bottom:1px #d2d2d2 solid;}
.faqpremium a { color:#0078a0; font-weight:bold;}
.faqpremium h2 { float:left; width:480px; height:36px; font-size:15px; font-weight:bold; color:#0078a0; background:url(/img_look/abo/btn_faq_plus.jpg) no-repeat left top; padding-left:60px; margin:0}
.faqpremium h2:hover { background:url(/img_look/abo/btn_faq_plus_rouge.jpg) no-repeat left top;}
.faqpremium h2.active{ background:url(/img_look/abo/btn_faq_moins.jpg) no-repeat left top;}
.faqpremium h2.active:hover { background:url(/img_look/abo/btn_faq_moins_rouge.jpg) no-repeat left top;}
.faqpremium img { float:left;}
.faqpremium p { font-size:13px; color:#333; padding:5px 0 0 60px;}
.faqpremium ul { list-style-type:disc; padding-left:100px;}
.faqpremium li { font-weight:normal; padding:3px 0;}
.faqpremium span { display:block; font-weight:normal;}
.faqpremium div { width:550px; clear:left; margin-top:15px;float: left;}
/*CGU*/
.cgupremium {float:left; width:550px; font-size:13px; color:#333; margin:20px 0 10px 0; padding-bottom:15px; 
 border-bottom:1px #d2d2d2 solid; }
.cgupremium span { display:block; padding:20px 0 20px 95px; font-weight:bold; text-transform:uppercase;}
.cgupremium span.second {display:block; padding:0 0 20px 105px; text-transform:none; }
.cgupremium span.tiers {display:block; padding:0 0 20px 115px; text-transform:none; } 
.cgupremium span.rouge, .cgupremium span.gras, .cgupremium span.surligne {padding:0; text-transform:none; }
.cgupremium span.rouge { color:#CC0033; font-weight:normal;}
.cgupremium span.surligne { text-decoration:underline; font-weight:normal;}
.cgupremium p { padding-left:60px;}
.cgupremium a { color:#0078a0;}
.cgupremium ul { list-style-type:disc; padding:20px 0 0 100px;}
.cgupremium li { padding:3px 0;}
.cgupremium div { width:550px; clear:left; margin-top:15px;float: left;}
/*COMPTE FACEBOOK*/
.timeFacebook { border-bottom:1px solid #d2d2d2;}
.timeFacebookBordernone { border-bottom:none;}
.timeFacebook h1 span.facebook, .timeFacebook h2 span.facebook  { font-weight:bold; font-size:21px; color:#3b5998;}
.timeFacebook p { padding:15px 0 50px 0; font-weight:bold; font-size:13px; color:#333;}
.timeFacebook .btn, .timeFacebook .btnConnect { display:block; width:282px; height:30px; line-height:30px; background:#3B5998 url(/barre-sociale/imgs/overlay_imgFB.jpg) no-repeat 10px center; text-align:center; font-size:11px; font-weight:bold; color:#fff;  text-decoration:none; text-transform:uppercase; cursor:pointer}
.timeFacebook .btn {margin-left:145px;}
.timeFacebook .btnConnect {margin-left:80px;}
/*CONTRIBUTION*/
.contributionNew { padding-left:0 !IMPORTANT; width:670px;}
.contributionNew .colLeft { float:left; width:169px; height:2500px; padding-left:0px; font-size:11px;  border-right:1px solid #d2d2d2;}
.contributionNew .colLeft .statut { height:50px; margin:0 0 17px 10px; color:#333; font-weight:bold;}
.contributionNew .colLeft .statut img { float:left; width:50px; height:50px; margin-right:12px;}
.contributionNew .colLeft .statut .nom { float:left; width:85px; padding-top:13px;}
.contributionNew .colLeft ul, .contributionNew .colRight ul { list-style-type:none; }
.contributionNew .colLeft ul li { height:30px; line-height:30px; text-transform:uppercase; width:150px; margin:0; padding:0 10px; border-bottom:none; font-weight:bold;}
.contributionNew .colLeft ul a { display:block; height:30px; line-height:30px; color:#000; font-weight:bold; text-decoration:none; border-bottom:1px solid #d2d2d2; margin:0 10px;   }
.contributionNew .colLeft ul li:hover { background-color:#f5f5f5; color:#000;  }
.contributionNew .colLeft ul li.active { background-color:#bea500; }
.contributionNew .colLeft ul li.active a { color:#fff; border-bottom:none;  }
.contributionNew .colLeft ul li.active:hover a { color:#fff;   }
.contributionNew .colLeft ul li:hover a { color:#000; border-bottom:none;  }
.contributionNew .colLeft ul li:last-child { border-bottom:none;}
.contributionNew .colRight { float:left; width:479px; padding-left:20px; color:#333; font-size:15px; }
.contributionNew .colRight h1 { float:none; width:450px; font-size:15px; text-transform:uppercase; color:#333; margin:0 20px 30px 0; padding:0; }
.contributionNew .colRight h1 span { color:#bea500;}
.contributionNew .colRight ul { width:460px; margin:0; padding:0;}
.contributionNew .colRight ul li { position:relative; padding:20px 0; border-bottom:1px solid #d2d2d2; }
.contributionNew .colRight ul li a {width: 440px; display: block;}
.contributionNew .colRight.mesAmis ul li a { width: 400px;}
.contributionNew .colRight ul li:first-child { border-top:1px solid #d2d2d2;}
.contributionNew .colRight ul li span {display:block; font-size:11px; color:#666;}
.contributionNew .colRight ul li span a {position: absolute; right: 0; top: 22px; background:url(/imgs/barre-sociale/btn-supprimer.gif) no-repeat left center;width: 15px;height: 15px;}
.contributionNew .colRight ul li br {display:none;}
.contributionNew .colRight ul li b {display:block;}
.contributionNew .colRight ul li div div {width:389px;}
.contributionNew .lierFacebook {float:left; width:479px; padding:20px 10px; border-left:1px solid #d2d2d2;}
.contributionNew .lierFacebook .btn { margin-left:85px;}
/*BLOC 300 OFFRES*/
.offreDigital { position:relative; width:298px; border-left:1px solid #d2d2d2; border-right:1px solid #c89600; margin-bottom:15px;}
.offreDigital img { position:absolute; top:9px; left:112px;}
.offreDigital a { display:block;}
.offreDigital .abonnementLeft { float:left; width:103px; height:85px; padding:9px 91px 0 9px; border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; background-color:#fff;}
.offreDigital .abonnementLeft p { color:#666666; font-size:11px; text-transform:uppercase;}
.offreDigital .abonnementLeft span { color:#0078a0; font-size:13px; text-transform:uppercase; font-weight:bold;}
.offreDigital .abonnementLeft .web { padding-top:5px; color:#000; font-size:11px; font-weight:bold; text-transform:none;}
.offreDigital .abonnementRight { float:left; width:94px; height:81px; padding-top:13px; border:1px solid #c89600; border-right:none; background-color:#fad200; text-align:center;}
.offreDigital .abonnementRight p { color:#fff; font-weight:bold; font-size:11px; text-transform:uppercase;}
.offreDigital .abonnementRight noir { padding-bottom:13px; color:#000; }
.offreDigital .abonnementRight .prix { padding-top:10px; display:block; font-weight:bold; color:#000; font-size:18px;}
.offreDigital .abonnementRight .semaine { font-size:9px; color:#000;}
.h2abo{ font-size: 21px; padding-top:10px; font-weight: normal; padding-bottom: 10px;}
.pabo{   color: #333333; font-size: 15px; font-weight: normal; line-height: 18px; margin-bottom: 5px;}
/*etape*/
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; }

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(/img_look/abo/etape_ok.png) no-repeat}
ul.etapes li.un span, .grands_comptes .tt_1 {padding-left: 34px; background: url(/img_look/abo/un_actif.png) no-repeat}
ul.etapes li.deux.inactif span {padding-left: 34px; background: url(/img_look/abo/deux_inactif.png) no-repeat}
ul.etapes li.trois.inactif span{padding-left: 34px; background: url(/img_look/abo/trois_inactif.png) no-repeat}
ul.etapes li.deux.actif span, .grands_comptes .tt_2  {padding-left: 34px; background: url(/img_look/abo/deux_actif.png) no-repeat}
ul.etapes li.trois.actif span, .grands_comptes .tt_3  {padding-left: 34px; background: url(/img_look/abo/trois_actif.png) no-repeat}
.grands_comptes .tt_1, .grands_comptes .tt_2, .grands_comptes .tt_3 {padding-left: 28px;}
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}
.choix_edition {margin: 20px 0 15px;}
.achat_acte {width: 650px; padding: 10px 0 25px;}
.pad {padding: 2px 0px 2px 0; 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;  padding:5px 0 0 0; background: #fff;margin-bottom: 20px; width: 628px}
.parrain .section, .section_unique {height: 130px; background: #f8f8f8}
.parrain .section .ligne, .section_unique .ligne {background: #ffffff}
.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(/img_look/abo/logo_edition_abonnes.png) 10px 3px no-repeat; display: block}
.tt_abo_premium {background: url(/img_look/abo/titre-editionABO.png) 10px 3px no-repeat}
.tt_journal_acte { background: url(/img_look/abo/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(/img_look/abo/logo_edition_abonnes_premium.png) 10px 3px no-repeat}
.tt_abo_premium2 {background: url(/img_look/abo/tt_premium_changement.png) left top no-repeat; height: 35px; margin-top: -5px; border-bottom: 0}
.illus {width: 208px; float: left; height: 200px;}
.parrain .illus, .section_unique .illus  {height: 100px; width: 209px}
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: #999; font: bold 13px arial, sans-serif; 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: 7px 0 0 0;}
label.formule .desc .prix .euro {background: url(/img_look/abo/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(/img_look/abo/plus_jaune.png) no-repeat left 46%;}
label.kdo .desc .plus .jelec{width: 174px; padding-left: 25px; float: left; background: url(/img_look/abo/plus_jaune.png) no-repeat left 46%;}

label.actif .desc .plus {background: url(/img_look/abo/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(/img_look/abo/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;}

.form {background: #fff; border: 1px solid #e6e7e8; margin-top: 20px; width: 648px; padding-bottom: 20px; -moz-border-radius:5px 5px 5px 5px;-webkit-border-radius:5px 5px 5px 5px;border-radius:5px 5px 5px 5px; }
.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: 585px}
.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:#333; font-size: 13px; width: 70%; float: right; text-align: right}
.form .entete .login a{ text-decoration:underline}
.form p, .form div {margin: 0 0 7px 0; position: relative;}
.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}
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; clear:both}
.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 input.demi2 {width: 77px}

.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 .w470 label span { color:red}
.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: 582px; 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  { float: left; width: 33px;  margin: 0 8px 0 0; }
.form .paiement .cb_fil  { float: left; width: 33px;  margin: 0 8px 0 0}
.form .paiement .rib input, .form .paiement .cb input {margin: 8px 3px 0 0}
.form .paiement .moyen_actif, .form .paiement .moyen_actif2 {padding: 5px 10px; margin: 0; }
.form .paiement .moyen_actif2 {padding: 10px 10px 0 10px;}
.form .paiement .moyen_rib {font-weight: normal;  height: 50px; width:100%; text-align:left}
.form .paiement .moyen_rib strong { padding-top:8px; display:block}
.form .paiement .moyen_paypal {font-weight: normal; display: block; }
.form .paiement .moyen_cb {padding-top: 7px; display: block; height: 50px; width:240px; text-align:left; font-weight: normal;}
.form .paiement .moyen_cb strong {display: block; padding-top: 8px}
.form .paiement .moyen {padding: 5px 10px; margin: 0; border-top: 1px solid #e6e7e8;  height:50px}
.form .paiement .moyen:hover, .form .paiement .moyen_actif:hover {background: #e6e7e8; font-weight: bold;}
.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; margin-bottom:5px; font-size:11px}

.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(/img_look/abo/securise.png) no-repeat; padding: 0 0 0 18px; height:15px}
.entete .securise {float: right; font-size: 12px; color: #575757; font-weight: normal}

.form  input.bt_jaune {margin: 0 0 0 10px;background: url(/img_look/abo/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(/img_look/abo/bg_achat_acte.png) no-repeat; cursor: pointer}
.achat_acte .choix_archive label:hover {background: url(/img_look/abo/bg_achat_acte_hover.png) no-repeat;}
.achat_acte .choix_archive label.actif:hover {background: url(/img_look/abo/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(/img_look/abo/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; overflow: hidden}
.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: 35px}
.popup_abo_premium .section_unique .bt{float: left; width: 190px; 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(/img_look/abo/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(/img_look/abo/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(/img_look/abo/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; 	/* [disabled]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}

/**** 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(/img_look/abo/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(/img_look/abo/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;}
.col_droit h2{  border-bottom: 4px solid #ffd900; color: #333333; font-size: 14px; padding: 0 0 3px 0; text-transform: uppercase; }
.boite {border-left: 1px solid #ccc;border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #F8F9FA; color: #333;  width: 278px; line-height: 120%; padding-bottom: 10px; line-height: 18px; margin-bottom: 10px;  -moz-border-radius:0px 0px 5px 5px;-webkit-border-radius:0px 0px 5px 5px;border-radius:0px 0px 5px 5px;}
.boite ul {padding: 8px 10px; font-size:12px; list-style:circle; margin-left:20px; line-height:1.7em}
.boite .intitule, .boite .sep{border-bottom: 1px solid #e6e7e8; padding-bottom: 10px}
.decouvrez_abo .intitule, .boite .intitule { border-bottom: 1px solid #faa500; display: block; font: bold 15px arial,sans-serif; padding: 8px 8px; }
/* lightbox */
#idt {color: #16212C; font-family: arial,sans-serif; background: none repeat scroll 0 0 #F5F8F9; font-size: 13px; line-height: 140%;}
.lightbox_ext, .loginbox {	background:none repeat scroll 0 0 #F5F8F9; 	overflow:hidden; 	}
.lightbox_ext h2, .loginbox h2 { font-family: arial,sans-serif; background: none repeat scroll 0 0 #176BB5; border-top: 3px solid #747B83; color: #FFFFFF; padding: 7px 16px 5px; line-height:140%; font-size:14px ; margin:0; }
.lightbox_ext .intitule, .loginbox .intitule { font-family: arial,sans-serif; color: #000000; font-size: 18px; font-weight: bold; line-height: 18px; margin: 0 0 15px; }
.rmdp { padding: 0 0 0 15px ; }
.loginbox .accroche { font-family: arial,sans-serif; color: #464F57; display: block; margin: 20px 0 0px; 	  
 font-size:13px; }
.loginbox label { font-family: arial,sans-serif;  font-size:12px; color: #747B83; display: block; margin: 0 15px 5px 0; }
.loginbox #password_recover_box_email { width: 300px; font-size:12px; font-family:Arial, Helvetica, sans-serif }
.saisie { -moz-box-sizing: content-box; -moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s; border: 1px solid #B9C0C5; border-radius: 4px 4px 4px 4px; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.075) inset; color: #747B83; font-size: 1.2rem; outline: 0 none; padding: 4px 3px; }
.loginbox .rmdp .btn { margin: 0px 0; position: static; }
input.btn, input.btn_petit, input.btn_abo, input.btn_fonce { -moz-box-sizing: content-box; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; }
.btn, .btn_fonce, .btn_abo, .btn_petit { font-family: arial,sans-serif; -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #F5F5F5; background-image: -moz-linear-gradient(center top , #FFFFFF, #E6E6E6); background-repeat: repeat-x; border-color: #CCCCCC #CCCCCC #B3B3B3; border-image: none; border-radius: 4px 4px 4px 4px; border-style: solid; border-width: 1px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05); color: #000B15; cursor: pointer; display: inline-block; font-weight: bold; margin-bottom: 0; padding: 4px 10px; text-align: center; vertical-align: middle; }
lightbox_ext .fermer, .loginbox .fermer { font-family: arial,sans-serif; color: #ffffff; cursor: pointer; float: right; font-size: 11px;line-height: 18px; }
.txt_erreur, .saisie_erreur label { color: #D50303; text-shadow: 0 1px 3px #D2D6DB; background: none repeat scroll 0 0 #F2DEDE; padding: 5px 10px 5px 10px; margin: 0 !important}



.top_bar_abo_button { background-image: -moz-linear-gradient(center bottom , #FFFF00 37%, #f0c648 96%); 	
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f0c648), to(#FFFF00)); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0c648', endColorstr='#FFFF00'); 	
background-image:-o-linear-gradient(linear, left top, left bottom, from(#f0c648), to(#FFFF00)); background-image:-ms-linear-gradient(linear, left top, left bottom, from(#f0c648), to(#FFFF00)); border: 1px solid #E6CE4E; border-radius: 3px 3px 3px 3px; display: inline; padding:2px 8px 2px 8px; 
 padding: 1px 7px; vertical-align: middle; float:right; margin-top:5px
}
.top_bar_abo_button a { color: #66580F; font-weight: bold; display:block; font-size: 12px; font-weight:bold !important; text-align: right;float:left; display:block; padding-top:5px
}
.top_bar_abo_button label{ background-image:url(/img_look/abo/Identifiez-vous.png); background-position:left; background-repeat:no-repeat;  display:block; width:18px; height:18px; float:left
}
.radio { float:left; width:180px}

.label-abo-tm{ background-color:#FFC600; font-size:11px; padding:2px 6px; cursor:pointer; font-weight:bold; -webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px; text-decoration:none;}
.choix-offer{ position:relative}

.choix-offer .abo-price{ width:76px; height:80px; position:absolute; background:url(../img_look/abo/abo-price.png) no-repeat top left; font-size:22px; font-family:'HelveticaNeueLTStd57Condensed'; top:52px ; right:15px; text-align:center; vertical-align:middle; padding-top:28px; font-weight:bold !important; color:#fff }

.choix-offer .gr {background:url(../img_look/abo/abo-price2.png) no-repeat top left !important; color:#333}