/* Generate (1) /_assets/css/_structure-pageArticle.css  */
/* POSITION DES ELEMENTS */
#colArticle {position: relative;}
/* BARRE OUTILS */
.pictoOutils span { background-color: #ccdce4; border-radius: 0; color: #00283C;}
#toolBar {position: absolute; z-index: 5; top: 0; left: -40px; margin: 0; display: none;}
#toolBar li {cursor: pointer; margin-bottom:1px;}
#toolBar.fixed{position:fixed; top:0px; left:auto; margin-left: 0px !important;}
#toolBar .agrandirText {margin-bottom: 0;}

/* FIL ARIANE */
#filAriane {margin-bottom: 10px;overflow: hidden;}

/* TITRE ET TEXTE */
#contTitre {margin-bottom: 10px;}
#contTitre h1 {margin-bottom: 10px;}
#contTitre h2 {margin-bottom: 15px; line-height: 22px;}
#contTexte {margin-top: 35px; font-size: 16px;line-height: 24px; margin-top: 20px; text-align: justify; }
#contTexte > div,
#contTexte iframe,
#contTexte img {max-width: 545px; display: block;}
#contTexte iframe.freeWidth {max-width: none}
#contTexte iframe {border: none; margin-left: auto !important; margin-right: auto !important; }
#contTexte.texte1 {font-size: 10px;line-height: 15px;}
#contTexte.texte2 {font-size: 13px;line-height: 18px;}
#contTexte.texte3 {font-size: 16px;line-height: 24px;}
#contTexte.texte4 {font-size: 18px;line-height: 26px;}
#contTexte.texte5 {font-size: 20px;line-height: 28px;}
#content .auteur {font-size: 14px; color: #7fa7bb;display: block;}
#contTexte > h2 {margin: 20px 0 10px 0; font-size: 16px; line-height: 24px; }
#contTexte ul {list-style-type: disc; list-style-position: inside; padding: 0 20px;}
#contTexte > div > a > img { margin: 20px auto 0;}
#contTexte > p {margin-bottom: 10px;}
#contTexte .intertitre { font-weight: bold; font-size: 18px; display: inline-block;}

#contTexte .icon {color: #005a87;}
#contTexte .inscriptionNl {font-size: 14px;}
#contTexte a { color: #0078b4;}
#contTexte a:hover {color: #3cb4f0;}
#contTexte p { margin-bottom: 10px; }
#contTexte .encadre .img-gauche {float: left; margin-right:20px;}
#contTexte .encadre .img-droite {float: right; margin-left:20px;}
#contTexte .encadre .img-center {margin:0 auto; }
#contTexte .intertitre .img-gauche {float: left; margin: 0px 10px 10px 0;}
#contTexte .intertitre .img-droite {float: right; margin: 10px 0px 0px 10px;}

#colArticle #content #topAriane { margin-right: 0; margin-left: 0; }

/* PAGE RESULTATS ELECTIONS REGIONALES */

#contTexte .blocAlerteRegionales { display: block; padding-bottom: 30px;}

/* VISUEL */
#blocVisuel {min-height: 20px; background-color: #EBF0F5; }
#blocVisuel figure {text-align: center;}
#blocVisuel:not('.contentDiaporama') figure img:hover {cursor:pointer;}
#blocVisuel figcaption {position: relative;padding: 15px 20px; text-align: left; font-size: 14px;background-image: none;line-height: 17px; background-color: #ccdce4;}

#premierArticle #plusInfo a {color:#3cb4f0;}
#premierArticle #plusInfo a:hover {color: #FFFFFF;}
#content {position: relative; z-index: 1;}

/* DIAPORAMA */
.diaporama #blocVisuel { padding-top: 0px; }
.diaporama #blocVisuel #contImg {position: relative; z-index: 1; background-color: #000;}
.diaporama #blocVisuel #contImg figcaption { padding: 15px 20px;}
.diaporama #blocVisuel #contImg img {margin: 1px 0;}
.diaporama #blocVisuel #contImg > * {float: none;}
.diaporama #blocVisuel #contImg > .previous { left: 0;}
.diaporama #blocVisuel #contImg > .next {right: 0;}
.diaporama #blocVisuel .caroufredsel_wrapper {margin: 0 10px;}
.diaporama #blocVisuel img {max-width: 545px; max-height: 100%;}
.diaporama #toolBar {display: none !important;}
.diaporama #blocVisuel #contImg .bulle-reactions {top: auto !important; bottom: -8px;}
.diaporama #blocVisuel #contImg .btn { top: auto !important; bottom: 0;}

/*#laparisienne #blocVisuel figure img {width: 100%; height: 100%;}*/
#blocVisuel .btn-reagir {right: 0;}
#blocVisuel .bulle-reactions,
#blocVisuel .btn-reagir {position: absolute; z-index: 2;}

.contentDiaporama { position:relative; margin: 0; cursor: pointer;}
.contentDiaporama .cartouche-diapo { position:absolute; bottom:20px; -webkit-border-radius : 2px; -moz-border-radius : 2px; -ms-border-radius : 2px; border-radius : 2px; left:20px; background: #0078b4; background :rgba(0,120,180, .8); color:#FFF; height:60px; width:260px; }
.bloc-diapo{cursor: pointer;}
.contentDiaporama .lunchDiapo:hover .cartouche-diapo {background: #0078b4; background :rgba(0,120,180, 1); cursor: pointer;}
.bloc-diapo .cartouche-diapo { position:absolute; bottom:20px; -webkit-border-radius : 2px; -moz-border-radius : 2px; -ms-border-radius : 2px; border-radius : 2px; left:20px; background: #0078b4; background :rgba(0,120,180, .8); color:#FFF; height:60px; width:260px; }
.contentDiaporama .cartouche-diapo .left { width:60px; text-align: center; line-height: 60px; font-size: 24px; float: left;}
.bloc-diapo.lunchDiapo:hover .cartouche-diapo {background: #0078b4; background :rgba(0,120,180, 1); cursor: pointer;}
.contentDiaporama .cartouche-diapo .icon { display: block; font-size:24px; line-height: 60px; border-radius : 0; background: transparent;}
.bloc-diapo .cartouche-diapo .left { width:60px; text-align: center; line-height: 60px; font-size: 24px; float: left;}
.contentDiaporama .cartouche-diapo .right{ margin:0; width:200px; line-height: 60px; font-size: 14px; float: left; text-transform: uppercase; font-weight: bold;}


.bloc-diapo{cursor: pointer;}
.bloc-diapo .cartouche-diapo { position:absolute; bottom:20px; -webkit-border-radius : 2px; -moz-border-radius : 2px; -ms-border-radius : 2px; border-radius : 2px; left:20px; background: #0078b4; background :rgba(0,120,180, .8); color:#FFF; height:60px; width:260px; }
.bloc-diapo.lunchDiapo:hover .cartouche-diapo {background: #0078b4; background :rgba(0,120,180, 1); cursor: pointer;}
.bloc-diapo .cartouche-diapo .left { width:60px; text-align: center; line-height: 60px; font-size: 24px; float: left;}
.bloc-diapo .cartouche-diapo .icon { display: block; font-size:24px; color:#FFF; line-height: 60px; border-radius : 0; background: transparent;}
.bloc-diapo .cartouche-diapo .right{ margin:0; width:200px; line-height: 60px; font-size: 14px; float: left; text-transform: uppercase; font-weight: bold;}

.bloc-diapo.diapo-embed{position: relative;}
.bloc-diapo.diapo-embed .cartouche-diapo {height:auto; width: 380px;}
.bloc-diapo.diapo-embed .cartouche-diapo .cartouche-diapo-body{position: relative;}
#contTexte .bloc-diapo.diapo-embed .cartouche-diapo .cartouche-diapo-body .icon{color:#FFF;}
.bloc-diapo.diapo-embed .cartouche-diapo .left {width:60px; text-align: center; line-height: 60px; font-size: 24px; position:absolute; top:50%; margin-top:-30px;}
.bloc-diapo.diapo-embed .cartouche-diapo .right{float: right; width:305px; line-height: 20px; margin-top: 15px; margin-bottom: 15px; margin-right:15px;}
.bloc-diapo.diapo-embed .cartouche-diapo .right h2{font-size:14px; line-height: 17px; text-transform: none; margin-top: 5px; text-align: left;}



.blocEncadre {background-color: #ebf0f5;border: 3px solid #ccdce4;color: #00283C;margin: 20px 0 0 0;padding: 14px;clear: both;}
#contTexte .blocEncadre > * {max-width: 510px; }

/* BARRE DE PARTAGE */
#content .barrePartage {margin-top: 10px; margin-bottom: 10px; clear: both;height: 22px; overflow: hidden;}

/* FOOTER ARTICLE */
#footer-article { padding: 10px 15px; margin-left: 40px; margin-right: 40px; text-align: right;}
#footer-article .lienRetour {font-size: 12px;}
#footer-article .lienRetour .icon {color: inherit; vertical-align: middle; margin-left: 5px; font-size: 12px;}


/* INFO ARTICLE */
#infosArticle {background-color: #ebf0f5; height: 22px; line-height: 22px; padding-left: 20px; position: relative; z-index: 0; }
#infosArticle > * { position: inherit; top: auto; right: auto; display: block; }
#infosArticle a > * { display: inline-block; *display: inline; *zoom: 1; float: none !important;}
#infosArticle a > figure {margin-right: 10px;}
#infosArticle p {float: left;}
#infosArticle .bulle-reactions,
#infosArticle .bulle-reagir.btn {float: right; display: block;}
#infosArticle .btn-reactions {float: right; position: relative; z-index: 1; }
#infosArticle .btn-reactions > * {float: right; display: block;}
#infosArticle > .absolute {position: absolute; z-index: 1; left: 0;}
#infosArticle.lilyListBlock .lilyList { top: -20px; left: -2px;}
#infosArticle.thereporthair .absolute {top: -5px;}
#infosArticle.houzz .absolute {top: -5px;}
#infosArticle.houzz img {margin-top: -10px;}
#infosArticle .parisienMagazine { bottom: 0;}
#infosArticle .parisienMagazine p { vertical-align: bottom; }
#infosArticle .parisienMagazine figure { background-color:#f2f2f2;}

/* COMMENTAIRES */
#contentCommentaires { padding-top: 15px; border-top: 5px solid #ebf0f5; margin-top: 30px;}
#contentCommentaires > * {display: inline-block; *display: inline; zoom: 1; vertical-align: top;}
#contentCommentaires #adsense { float: right; margin-top: 45px; }

#blocCommentaires form {background-color: #ebf0f5;}
#blocCommentaires .border1b {border-color: #FFF;}
#blocCommentaires form {padding: 15px;}
#blocCommentaires .titre {height: 30px; line-height: 30px; overflow: hidden;padding: 0 15px; background-color: #00283C; color: #FFF;font-weight: bold; font-size: 14px; }
#blocCommentaires .titre a,
#blocCommentaires .titre .gauche {text-transform: uppercase;}
#blocCommentaires .titre span {font-size: 14px; font-weight: normal;}
#blocCommentaires .titre a {font-size: 12px; color: #00a0f0;}
#blocCommentaires .contErreurs {min-height: 0;}
#blocCommentaires .champs {margin-bottom: 15px; }
#blocCommentaires .champs.gauche,
#blocCommentaires .champs.droite {width: 48%;}
#blocCommentaires form .small {font-size: 10px; line-height: 10px;}

#blocCommentaires .champs.clearfix {clear:both;}
#blocCommentaires .champs label {display: block; font-weight: bold; color:#00141e; font-size: 14px; padding-right: 0;}
#blocCommentaires .champs label span {font-weight: normal; }
#blocCommentaires .champs.checkbox label {font-weight: normal;padding-left: 20px;}
#blocCommentaires input[type="email"],
#blocCommentaires input[type="text"]{ width: 100%; padding: 0;}
#blocCommentaires textarea {width: 100%; min-height: 200px; }
#blocCommentaires input[type="checkbox"]{margin-right: 5px;}
#blocCommentaires .formInputSubmit {margin: 0 auto; width: 90px;}
#blocCommentaires .formInputSubmit.hide {display: none;}
#blocCommentaires .obligatoire {text-align : right; font-size: 11px;margin: 0;}
#blocCommentaires .contReactionOk { text-align: center; padding: 20px 0;}
#blocCommentaires .contReactionOk p {font-size: 14px; line-height: 20px;margin-top: 10px; color: #00141e;}
#blocCommentaires #afficherPlus {height: 40px; line-height: 40px; cursor: pointer; text-align: center; border-top: 1px solid #ebf0f5;}
#blocCommentaires #afficherPlus p {width: 310px; margin: 0 auto; text-align: center; text-transform: uppercase; font-weight:bold; color:#00141e}
#blocCommentaires #afficherPlus p:hover {color: #00a0f0;}
#blocCommentaires #afficherPlus span {margin-top: 12px; color: #00283C; background-color: transparent; font-weight: normal;}
#blocCommentaires h3 { margin: 0; }

#contCommentaires .commentaire { font-size: 14px; position: relative;}
#contCommentaires .blocComm {padding: 25px 15px 40px 15px;}
#contCommentaires .commentaire .contImg {overflow: hidden;}
#contCommentaires .commentaire .picto-avatar { margin-right: 10px;}
#contCommentaires .commentaire .blocComm p.gauche {font-weight: bold;}
#contCommentaires .commentaire .blocComm span {display: block; font-size: 11px;color: #005078; font-weight: normal;}
#contCommentaires .commentaire .contTexte {clear: both; line-height: 20px; margin-top: 10px; text-align: justify}
#contCommentaires .blocCommenter {height: 22px; line-height: 22px; position: absolute; bottom: 0; left: 0; width: 100%;}
#contCommentaires .blocCommenter .gauche {padding-left: 5px;}
#contCommentaires .blocCommenter .picto-signaler {margin-top: 2px;}
#contCommentaires .blocCommenter { overflow: hidden; height: 22px; line-height: 22px; display: none;}
#contCommentaires .commentaire:hover {background-color: #ebf0f5;}
#contCommentaires .commentaire:hover .blocCommenter {display: block;}
#contCommentaires .btn {display: block;}

#contCommentaires.archive .commentaire:hover { background-color: transparent;}
#contCommentaires.archive .blocComm { padding-bottom: 25px;}
#contCommentaires.archive .commentaire:hover .blocCommenter { display: none;}


/* QUESTION DU JOUR */
.questionDuJour #contTitre { margin-bottom: 20px; }
.questionDuJour #contTitre .contTitre .droite {width: 389px; padding: 25px 20px; height: 85px;}
.questionDuJour h1 {font-size: 22px; line-height: 27px; }
.questionDuJour .titreQdj { background-color: #EBF0F5; padding-top: 0;}
.questionDuJour .titreQdj .contentPicto {width: 90px; height: 115px;; padding: 10px 13px; background-color: #0078b4; color: #FFF;text-align: center; }
#laparisienne.questionDuJour .titreQdj .contentPicto { background-color: #e60019; }

.questionDuJour .titreQdj .contentPicto p {text-transform: uppercase; font-weight: bold; font-size: 12px;margin-top: 0; }
.questionDuJour .titreQdj .contentPicto span {vertical-align: top;}
.questionDuJour .titreQdj .contentPicto span + span {font-size: 11px;}
.questionDuJour .titreQdj > .droite {width: 469px; padding: 10px 20px;}
.questionDuJour #contTitre h1 { margin-bottom: 10px;}
.questionDuJour #reponses .btn {width: 90px; height: 25px; margin-right: 10px; margin-bottom: 20px}
.questionDuJour .reponse {margin: 30px auto; text-align: center;}
.questionDuJour .resultat {width: 80%; margin: 10px auto 0 auto; font-weight: bold; font-size: 12px;}
.questionDuJour .resultat .content {background-color: #000000; position: relative;height: 16px;width: 75%; -moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px; margin: 0 10px;}
.questionDuJour .resultat .label {width: 35px;}
.questionDuJour .resultat > div * {height: 14px; background-color: #FFF;margin: 1px;}
.questionDuJour .resultat .oui {background-color: #00a0f0;}
.questionDuJour .resultat .non {background-color: #fa3214;}
.questionDuJour .titreQdj .resultat p { font-weight: bold; font-size: 12px; }
.questionDuJour .titreQdj input[type=submit] {margin: 20px auto 0 auto; display: block;}
.questionDuJour article#content .voter { display: block; margin: 10px auto; line-height: 35px;}
.questionDuJour article#content form { margin-bottom: 0; margin-top: 20px;}


/* quesiton mutiple */
.questionDuJour .resultat.multiple .label {display: block; float: none; width: 100%;}
.questionDuJour .resultat.multiple .content { margin-left: 0; width: 87%;}

.questionDuJour .question.multiple { width: 80%; margin: 0 auto;}
.questionDuJour .question.multiple .champs {display: block; margin-bottom: 10px;}

/* question oui/non */
.questionDuJour .ouinon .question { /*width: 200px;*/ margin: 0 auto; font-weight: bold;}
.questionDuJour .ouinon {text-align: center;}
.questionDuJour .ouinon .question > * {display: inline-block;*display: inline;zoom: 1; vertical-align: middle; }
.questionDuJour .ouinon .question .champs:last-child {margin-left: 63px; /*color: #0078b4;*/}
.questionDuJour .ouinon .question .champs label {padding-right: 0;}

/* PAROLES MARQUES */
.paroleMarques #contTitre { position: relative; padding: 15px; background-color: #7fa7bb; margin-bottom: 0;}
.paroleMarques #contTitre h1 {font-size: 22px; line-height: 27px; color: #FFFFFF; }
.paroleMarques #contTitre .contLogo { position: absolute; top: 10px; right: 10px; text-align: center; font-size: 11px; }
.paroleMarques .contLogo img {display: block; margin: 0 auto; max-height: 30px;}
.paroleMarques #content .chapeau {margin-top: 10px; }
.paroleMarques h2 {line-height: 22px; color: #99a9b1;}
.paroleMarque-banniere.large { font-size: 17px; background-color: #7fa7bb; height: 30px; line-height: 30px; display: block; padding: 0;}
.paroleMarque-banniere.large span {background-color: #00283C; color: #ccdce4; padding: 0 10px;}

/* RECETTE */
#laparisienne #contTexte > #ingredients { position: relative; z-index: 1; width: 260px; margin: 20px 20px 10px 0; float: left; font-size: 14px; line-height: 17px;padding: 10px 20px 20px; text-align: left; border: 1px solid #CCC;}
#laparisienne #contTexte > #ingredients .titre {padding: 0 !important; position: relative; top: 0; z-index: 2; content: "Ingrédients"; color: #e60019; font-size: 25px; line-height: 30px; height: 30px; font-family: "robotoLight", tahoma, sans-serif; }
#laparisienne #contTexte > #ingredients td { padding-top: 10px ; }
#laparisienne #contTexte > #ingredients .titre + p { margin-top: 20px; }
#laparisienne #contTexte > #ingredients p { font-size: 14px; }

/* COMPELEMENTS */

/* OLD VERSION 
#complements  > div > * {border-bottom: 1px solid #ccdce4;}
*/

#complements { margin-bottom: 30px; }
#complements > p {font-size: 21px; padding: 5px 15px; font-weight: normal;}
#complements .contTitre { width: 195px; padding: 0; }
#complements .sansImage .contTitre {padding: 0; width: auto;}
#complements .contTitre .newH1 {font-size: 13px; line-height: 16px; text-align: left; font-weight: normal;}

#complements h2 { padding-left: 0; margin-left: 0; }
#complements ul.listeSujet { margin-top: 10px; padding: 0 !important;}
#complements ul li { list-style-type: disc; list-style-position: inside; line-height: 25px;}
#complements a { font-size: 16px; }

#colArticle  .article76x45 {height: auto; padding: 5px;}
#colArticle > #complements {margin-top: 20px;}
#colArticle > #complements > .newH1 {padding: 0px 15px;}
#colArticle > #complements .article76x45 {height: auto; padding: 0;}
#colArticle > #complements .article76x45 .newH1 {font-size: 14px; }
#colArticle > #complements .article76x45 .contTitre {padding-left: 10px; width: auto;}
#colArticle > #complements .article76x45 .contImg { display: none;}


/***********************/
/*   EDITION ABONNES   */
/***********************/
#articlesAbonnes > h1 { font-weight: normal; font-size: 24px; color: #e1af00; margin: 0 0 5px 15px; }
#articlesAbonnes article { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; margin: 0; float: none; }
.newH1.titleAboArticle { font-size: 24px; margin: 30px 0 10px 15px; color: #e1af00; font-weight: normal; }
/*#editionAbo p { display: inline-block; *display: inline; *zoom: 1; }
#editionAbo p:first-child { text-indent: -5000px; background-image: url("/National_Library/20160526010038oe_/http://s1.lprs1.fr/_assets/img/design/standard/abo/editionAbonnes.jpg"); width: 90px; height: 30px; vertical-align: top; }
#editionAbo p + p { font-size: 18px; height: 30px; line-height: 30px; text-align: center; width: 375px; }
#editionAbo p + p span { color: #e1af00; font-weight: bold; font-size: 24px; }
#editionAbo .bloc-btn { float: right; }
	=> Migration vers _structure-page.css
*/



/* LECTURE ZEN */
#picto-zen { background-color: #E1AF00; color: #00283C; height: 30px; position: relative; overflow: hidden; display: none; }
#picto-zen:hover > * { color: white; }
#picto-zen > * { position: absolute; cursor: pointer; background-color: transparent; }
#picto-zen > span { margin-top: -6px; }
#picto-zen > label { bottom: 0; font-weight: bold; font-size: 10px; text-transform: uppercase; width: 30px; text-align: center; }

#zen { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999999999; background-color: white; overflow: hidden; padding-top: 60px;}

#zen .width-1 { width: 625px; margin: auto; }
#zen .width-2 { width: 786px; margin: auto; }

#zen #zen-header { height: 50px; background-color: #E1AF00; position: fixed; left: 0; right: 0; top: 0; z-index: 100; }
#zen #zen-header #zen-header-label { width: 950px; text-align: center; color: white; text-transform: uppercase; font-size: 16px; display: block; line-height: 50px; float: left; }
#zen #zen-header #zen-header-icon { background-color: transparent; float: left; margin-top: 5px; }
#zen #zen-header #zen-header-icon:hover { border: 1px solid white; }

#zen #zen-content { padding: 40px 0; padding-bottom: 100px;  }
#zen #zen-content #zen-content-ariane > * { border-bottom: none; }
#zen #zen-content #zen-content-titre { margin-bottom: 20px; }
#zen #zen-content #zen-content-titre > * { margin-bottom: 20px; }
#zen #zen-content #zen-content-titre > span { color: rgb(127, 167, 187); }
#zen #zen-content #zen-content-titre h2, #zen #zen-content #zen-content-texte { line-height: 1.5; }
#zen #zen-content #zen-content-visuel { margin-bottom: 5px; text-align: center; }
#zen #zen-content #zen-content-visuel-image { max-width: 786px; }
#zen #zen-content #zen-content-visuel-auteur { margin-bottom: 20px; font-size: 12px; color: #7FA7BB; text-align: center; }
#zen #zen-content #zen-content-visuel-auteur span { display: block; font-weight: bold; }
#zen #zen-content #zen-content-texte { font-size: 18px; text-align: justify; }
#zen #zen-content #zen-content-texte #contentLeft { display: none; }
#zen #zen-content #zen-content-source { color: #7FA7BB; font-style: italic; margin-top: 25px; }

#zen #zen-content .intertitre { font-weight: bold; font-size: 18px; }
#zen #zen-content iframe { width: 625px; }