/* 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; margin-bottom: 40px; 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 > div > iframe { max-width: 510px;}
#contTexte .intertitre { font-weight: bold; font-size: 18px;}

#contTexte .icon {color: #005a87;}
#contTexte .inscriptionNl {font-size: 14px;}
#contTexte a { color: #0078b4;}
#contTexte a:hover {color: #3cb4f0;}
#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;}


/* 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 #blocVisuel #contImg .bulle-reactions {top: auto !important; bottom: -8px;}
.diaporama #blocVisuel #contImg .btn { top: auto !important; bottom: 0;}

.contentDiaporama { position:relative; margin: 0 40px; cursor: pointer;}
.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;}

/* FOOTER ARTICLE */
#footer-article { padding: 10px 15px; 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 .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;}

#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: #e60019; color: #FFF;text-align: center; }
.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 .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 .btn { margin-top: 10px;}
.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;}

/* 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; background-color: #f2f2f2; font-size: 14px; line-height: 17px;padding: 10px 20px 20px; text-align: left;}
#laparisienne #contTexte > #ingredients .titre {position: absolute; top: -15px; left: 0; z-index: 2; content: "Ingrédients"; color: #e60019; font-size: 25px; font-family: "Times New Roman"; line-height: 30px; background-color: #FFF; padding-right: 5px; height: 30px;}
#laparisienne #contTexte > #ingredients td { padding-top: 10px ; }

/* COMPELEMENTS */
#content #complements { width: 300px; margin-bottom: 10px;}
#content #complements  > div > * {border-bottom: 1px solid #ccdce4;}
#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 h1 {font-size: 13px; line-height: 16px; text-align: left; font-weight: normal;}
#colArticle  .article76x45 {height: auto; padding: 5px;}
#colArticle > #complements {margin-top: 20px;}
#colArticle > #complements > h1 {padding: 0px 15px;}
#colArticle > #complements .article76x45 {height: auto; padding: 0;}
#colArticle > #complements .article76x45 h1 {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; }
#editionAbo p { display: inline-block; *display: inline; *zoom: 1; }
#editionAbo p:first-child { text-indent: -5000px; background-image: url("/_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; }