/***** BLOG DES EXPERTS *****/ /* GENERAL */ body, html, p, header a, .blog a { margin: 0; padding: 0; color: #333; font-size: 14px; text-decoration: none; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; outline:none; } .blog a:hover { text-decoration: none; } .blog_expert { background-color: #f6f6f6; } .blog_expert .cadre { border: solid 1px #d6d6d6; border-radius: 5px; padding: 18px 20px; background-color: white; } .blog_expert main { width: 1000px; margin: 40px auto 0; padding-bottom:40px; box-sizing: border-box; } /* HEADER */ .blog_expert header { background-color: white; } .blog_expert header .logo { display: flex; flex-wrap: wrap; justify-content: center; padding:20px 0 30px; align-items:start; } .blog_expert header .logo p { color: #355110; font-size:30px; margin: 18px 15px 0 0; } .blog_expert header .logo img { width:220px; } .blog_expert header .vers_actu { display:block; max-width:1000px; margin:0 auto; border-bottom:1px dotted #DADADA; text-align:right; box-sizing:border-box; } .blog_expert header .vers_actu a { display:inline-block; padding:8px 0; color:#686868; text-decoration:none; font-size:12px; transition:200ms; } .blog_expert header .vers_actu a:hover { color:#E48703; } .blog_expert header .vers_actu a span { display:inline-block; padding-left:10px; font-size:10px; vertical-align:text-bottom; } .blog_expert header .nav { background-color: #c95100; } .blog_expert header .nav .block { max-width: 1000px; margin: 0 auto; display: flex; /*flex-wrap: wrap*/ justify-content: space-between; } .blog_expert header .nav .block .menu { width: calc(100% - 85px); } .blog_expert header .nav .block .menu a { position:relative; font-size:15px; color:white; display:inline-block; border-right:dotted 1px rgba(255,255,255,0.6); margin:10px 15px 10px 0; padding-right:15px; } .blog_expert header .nav .block .menu a::after { content:''; position:absolute; bottom:-4px; left:calc(50% - 10px); width:0; height:2px; background:#FFF; border-radius:3px; transition:100ms; } .blog_expert header .nav .block .menu a:hover::after { left:0; width:calc(100% - 15px); } .blog_expert header .nav .block .recherche { background-color: inherit; border: none; padding: 0; cursor: pointer; margin-left: 50px; outline:none; } .blog_expert header .nav .block .recherche img { width: 25px; margin-right: 10px; } .blog_expert header .block_recherche { background-color: #f6f6f6; display: none; } .blog_expert header .block_recherche form { display: flex; width: 1000px; margin:0 auto; padding: 15px 0 0; box-sizing: border-box; } .blog_expert header .block_recherche form input::placeholder { font-style: italic; } .blog_expert header .block_recherche form input[type=text], .blog_expert header .block_recherche form input[type=submit] { width: 1000px; margin: 0 auto; border: solid 1px #d6d6d6; border-radius: 5px; box-sizing: border-box; font-size: 16px; line-height: 35px; padding: 0 10px; outline: none; } .blog_expert header .block_recherche form input[type=submit] { min-width: 120px; width: 120px; margin-left: 20px; cursor: pointer; } .blog_expert header .err404 { background: #f6e5e7; border-bottom: 1px solid #eccdd2; padding: 15px 0 18px 0; font-size: 15px; line-height: 24px; text-align: center; } .blog_expert header .err404 .content_err404 { width: 1000px; margin: 0 auto; } .blog_expert header .err404 .content_err404 p:first-child { font-size: 18px; font-weight: bold; } .blog_expert header .err404 .content_err404 a { color: #484848; border-bottom: 1px dotted #A8A8A8; } .blog_expert header .err404 .content_err404 a:hover { color: #c95100; } .blog_expert header .fil_ariane { background:#F6F6F6; padding-top:40px; margin-bottom:-20px; } .blog_expert header .fil_ariane .min_width { width:1000px; margin:0 auto; border:1px solid #E0E0E0; padding:10px 15px; border-radius:4px; box-sizing:border-box; } .blog_expert header .fil_ariane a, .blog_expert header .fil_ariane span { font-size:12px; color:#A8A8A8; font-style:italic; margin-right:10px; } .blog_expert header .fil_ariane a:hover { color:#686868; } /* PAGE RECHERCHE*/ .blog_expert .page_recherche form { display: flex; } .blog_expert .page_recherche form input::placeholder { font-style: italic; } .blog_expert .page_recherche form input[type=text], .blog_expert .page_recherche form input[type=submit] { width: 100%; border: solid 1px #d6d6d6; border-radius: 5px; box-sizing: border-box; font-size: 16px; line-height: 35px; padding: 0 10px; outline: none; } .blog_expert .page_recherche form input[type=submit] { min-width: 120px; width: 120px; margin-left: 20px; cursor: pointer; } .blog_expert .page_recherche .recherche { margin: 50px 0 40px; display: flex; align-items: flex-end; } .blog_expert .page_recherche .recherche p { color: #703c0a; font-size: 21px; white-space: nowrap; } .blog_expert .page_recherche .recherche .vide { border: solid 1px #703c0a; width:100%; height: 0; margin: 0 0 8px 9px; } .blog_expert .page_recherche .block_articles .block_article { margin-bottom: 20px; } .blog_expert .page_recherche .block_articles .block_article .partie_1 { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom: 15px; } .blog_expert .page_recherche .block_articles .block_article .partie_1 a, .blog_expert .page_recherche .block_articles .block_article .partie_1 p { font-size: 12px; color: #5c5c5c; } .blog_expert .page_recherche .block_articles .block_article .partie_1 a { border: solid 1px #d6d6d6; border-radius: 5px; padding: 5px 8px; background-color: #f6f6f6; } .blog_expert .page_recherche .block_articles .block_article .partie_2 a { display: block; } .blog_expert .page_recherche .block_articles .block_article .partie_2 a:first-child { font-size: 16px; font-weight: bold; margin-bottom: 10px; } .blog_expert .page_recherche .block_articles .block_article .partie_2 a:last-child { font-size: 14px; color: #5c5c5c; line-height: 18px; } .blog_expert .page_recherche .block_articles .block_article .info_plus { display: flex; flex-wrap: wrap; align-items: center; border-top:1px dotted #DADADA; margin-top:10px; padding-top:10px; } .blog_expert .page_recherche .block_articles .block_article .info_plus_coauteur { border-top:0; margin-top:0; } .blog_expert .page_recherche .block_articles .block_article .info_plus img { width: 40px; margin-right: 10px; border-radius:3px; } .blog_expert .page_recherche .block_articles .block_article .info_plus div { display: flex; width: calc(100% - 60px); flex-wrap: wrap; align-content: space-around; } .blog_expert .page_recherche .block_articles .block_article .info_plus div p { width: 100%; } .blog_expert .page_recherche .block_articles .block_article .info_plus div p:last-child { font-size: 12px; font-style: italic; color: #5c5c5c; } .blog_expert .page_recherche .block_articles .aucun_resultat { font-size: 16px; text-align: center; } .blog_expert .page_recherche .block_articles .pagination { text-align: center; margin-left: 10px; } .blog_expert .page_recherche .block_articles .pagination .separateur { margin-left: 10px; } .blog_expert .page_recherche .block_articles .pagination a, .blog_expert .page_recherche .block_articles .pagination p { display: inline-block; margin-left: 10px; padding: 10px; border: solid 1px #d6d6d6; border-radius: 5px; color: #a7a7a7; font-size: 15px; box-shadow: 2px 2px 3px rgba(0, 0, 0, .1); } .blog_expert .page_recherche .block_articles .pagination p { border: solid 2px #c95100; color: #c95100; font-weight: bold; } /* PAGE BLOG EXPERTS */ .blog_expert .page_blog_experts .haut_page { display: flex; flex-wrap: wrap; justify-content: space-between; } .blog_expert .page_blog_experts .haut_page .partie_gauche { min-height: 330px; width: 64%; display: flex; flex-wrap: wrap; background: white; padding: 18px 20px; box-sizing: border-box; border: solid 1px #d6d6d6; border-radius: 5px; } .blog_expert .page_blog_experts .haut_page .partie_gauche .en_tete { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .blog_expert .page_blog_experts .haut_page .partie_gauche .en_tete img { width: 190px; border-radius: 5px; align-self: flex-start; } .blog_expert .page_blog_experts .haut_page .partie_gauche .en_tete .info { width: calc(95% - 190px); } .blog_expert .page_blog_experts .haut_page .partie_gauche .en_tete .info .titre { font-weight: bold; display: inline-block; font-size: 24px; color: #e27202; margin: 6px 0 15px; } .blog_expert .page_blog_experts .haut_page .partie_gauche .en_tete .info .titre:hover { text-decoration: underline; } .blog_expert .page_blog_experts .haut_page .partie_gauche .en_tete .info .par, .blog_expert .page_blog_experts .haut_page .partie_gauche .en_tete .info .date { color: #a0a0a0; } .blog_expert .page_blog_experts .haut_page .partie_gauche .en_tete .info .par:hover b { color: #E27202; } .blog_expert .page_blog_experts .haut_page .partie_gauche .en_tete .info .date { display: inline-block; } .blog_expert .page_blog_experts .haut_page .partie_gauche .en_tete .info .info_plus { display: flex; flex-wrap: wrap; align-items: center; } .blog_expert .page_blog_experts .haut_page .partie_gauche .en_tete .info .info_plus_coauteur { margin-top:10px; } .blog_expert .page_blog_experts .haut_page .partie_gauche .en_tete .info .info_plus img { width: 50px; margin-right: 10px; } .blog_expert .page_blog_experts .haut_page .partie_gauche .en_tete .info .info_plus a { display: flex; width: calc(100% - 60px); flex-wrap: wrap; align-content: space-around; } .blog_expert .page_blog_experts .haut_page .partie_gauche .en_tete .info .info_plus a p { width: 100%; } .blog_expert .page_blog_experts .haut_page .partie_gauche .en_tete .info .info_plus a p:last-child { font-size: 12px; font-style: italic; color: #5c5c5c; } .blog_expert .page_blog_experts .haut_page .partie_gauche .en_tete .info .dossier { font-style: italic; color: #5c5c5c; margin-top: 13px; display: inline-block; border: solid 1px #d6d6d6; border-radius: 5px; background-color: #f6f6f6; padding: 5px 8px; } .blog_expert .page_blog_experts .haut_page .partie_gauche .en_tete .info .dossier:hover { background-color: #e6e6e6; } .blog_expert .page_blog_experts .haut_page .partie_gauche .chapeau { width: 100%; margin-top: 20px; line-height: 20px; } .blog_expert .page_blog_experts .haut_page .partie_droite { width: 34%; } .blog_expert .page_blog_experts .haut_page .partie_droite .partie_annonce .abonnez_vous { border-radius: 5px; background: url('/images/interface/blog-experts/abonnez-vous.png') no-repeat center; background-size: cover; display: flex; flex-flow: column wrap; justify-content: center; align-items: flex-start; padding: 63px 0; } .blog_expert .page_blog_experts .haut_page .partie_droite .partie_annonce .abonnez_vous p, .blog_expert .page_blog_experts .haut_page .partie_droite .partie_annonce .abonnez_vous a { color: white; letter-spacing: 1px; } .blog_expert .page_blog_experts .haut_page .partie_droite .partie_annonce .abonnez_vous p { font-size: 18px; margin: 0 30px 25px; display: inline-block; line-height: 27px; } .blog_expert .page_blog_experts .haut_page .partie_droite .partie_annonce .abonnez_vous a { background-color: #f5a000; padding: 6px 8px; margin-left: 42px; font-size: 17px; border-radius: 5px; } .blog_expert .page_blog_experts .haut_page .partie_droite .partie_annonce .abonnez_vous a:hover { background-color: #ffb11f; } .blog_expert .page_blog_experts .haut_page .partie_droite .partage { margin-top: 19px; border: solid 1px #d6d6d6; border-radius: 5px; background-color: white; padding: 18px 22px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-around; } .blog_expert .page_blog_experts .haut_page .partie_droite .partage p { font-size: 20px; color: #8d8d8d; width: 79px; } .blog_expert .page_blog_experts .haut_page .partie_droite .partage .social { width: 140px; } .blog_expert .page_blog_experts .derniers_articles, .blog_expert .page_blog_experts .nouveaux_blogs, .blog_expert .page_blog_experts .blogs_partenaires { margin: 50px 0 40px; display: flex; align-items: center; } .blog_expert .page_blog_experts .derniers_articles p, .blog_expert .page_blog_experts .nouveaux_blogs p, .blog_expert .page_blog_experts .blogs_partenaires p { min-width: 270px; line-height: 37px; padding: 0 12px; color: white; font-size: 19px; white-space: nowrap; background: url('/images/interface/blog-experts/fond-separateur.png') no-repeat; background-size: contain; } .blog_expert .page_blog_experts .derniers_articles .vide, .blog_expert .page_blog_experts .nouveaux_blogs .vide, .blog_expert .page_blog_experts .blogs_partenaires .vide { border: solid 1px #703c0a; width:100%; height: 0; margin-left: 9px; } .blog_expert .page_blog_experts .block_articles { display: flex; flex-wrap: wrap; justify-content: flex-end; } .blog_expert .page_blog_experts .block_articles .block_article { width: 100%; margin-bottom: 20px; display: flex; align-items: flex-start; } .blog_expert .page_blog_experts .block_articles .block_article:hover .titre { text-decoration: underline; } .blog_expert .page_blog_experts .block_articles .block_article div { width: 100%; } .blog_expert .page_blog_experts .block_articles .block_article .date { font-size: 12px; color: #5c5c5c; margin-bottom: 5px; } .blog_expert .page_blog_experts .block_articles .block_article .titre { font-size: 16px; font-weight: bold; margin-bottom: 10px; } .blog_expert .page_blog_experts .block_articles .block_article .chapeau { font-size: 14px; color: #5c5c5c; line-height: 18px; } .blog_expert .page_blog_experts .block_articles .block_article .info_plus { display: flex; flex-wrap: wrap; align-items: center; border-top:1px dotted #DADADA; margin-top:10px; padding-top:10px; } .blog_expert .page_blog_experts .block_articles .block_article .info_plus_coauteur { border-top:0; margin-top:0; } .blog_expert .page_blog_experts .block_articles .block_article .info_plus img { width: 40px; margin-right: 10px; border-radius:3px; } .blog_expert .page_blog_experts .block_articles .block_article .info_plus div { display: flex; width: calc(100% - 60px); flex-wrap: wrap; align-content: space-around; } .blog_expert .page_blog_experts .block_articles .block_article .info_plus div p { width: 100%; } .blog_expert .page_blog_experts .block_articles .block_article .info_plus div p:last-child { font-size: 12px; font-style: italic; color: #5c5c5c; } .blog_expert .page_blog_experts .block_articles .block_article .illustration { margin-left:15px; padding-left: 15px; border-left:1px dotted #DADADA; height:100%; } .blog_expert .page_blog_experts .block_articles .block_article .illustration img { min-width: 85px; width: 85px; border-radius: 5px; } .blog_expert .page_blog_experts .block_articles .tous_articles { padding: 8px 10px; border-radius: 5px; background-color: #703c0a; display: flex; align-items: center; } .blog_expert .page_blog_experts .block_articles .tous_articles img { width: 16px; } .blog_expert .page_blog_experts .block_articles .tous_articles p { display: inline-block; color: white; margin-left: 5px; } .blog_expert .page_blog_experts .block_blogs { display: flex; flex-wrap: wrap; justify-content: space-between; } .blog_expert .page_blog_experts .block_blogs .block_blog { width: 23%; box-sizing: border-box; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; align-content: flex-start; padding: 16px 18px ; border: solid 1px #d6d6d6; border-radius: 5px; background-color: white; } .blog_expert .page_blog_experts .block_blogs .block_blog img { width: 40px; height: 40px; border-radius: 5px; } .blog_expert .page_blog_experts .block_blogs .block_blog .nom { width: calc(100% - 40px); font-size: 16px; font-weight: bold; padding-left: 10px; box-sizing: border-box; align-self: center; } .blog_expert .page_blog_experts .block_blogs .block_blog .nom:hover { color: #e27202; } .blog_expert .page_blog_experts .block_blogs .block_blog .separateur { width: 100%; border-top: solid 1px #703c0a; margin: 14px 0 9px; } .blog_expert .page_blog_experts .block_blogs .block_blog .titre { width: 100%; line-height: 20px; font-weight: bold; } .blog_expert .page_blog_experts .block_blogs .block_blog .titre:hover { text-decoration: underline; } .blog_expert .page_blog_experts .block_blogs .block_blog .date { width: 100%; font-size: 12px; color: #5c5c5c; margin-top: 2px; } .blog_expert .page_blog_experts .block_partenaires { display: flex; flex-wrap: wrap; justify-content: space-between; } .blog_expert .page_blog_experts .block_partenaires .block_partenaire { width:49%; box-sizing:border-box; display:flex; align-items:center; padding:10px; border:1px solid #d6d6d6; border-radius:5px; background-color:#FFF; margin-bottom:20px; } .blog_expert .page_blog_experts .block_partenaires .block_partenaire img { flex:0 0 100px; border-radius:5px; width:100px; } .blog_expert .page_blog_experts .block_partenaires .block_partenaire span { flex-basis: 100%; box-sizing:border-box; padding:20px; } .blog_expert .page_blog_experts .block_partenaires .block_partenaire span b { display:block; font-size:18px; color:#703c0a; font-weight:normal; margin-bottom:6px; } .blog_expert .page_blog_experts .block_partenaires .block_partenaire span i { display:block; font-size:14px; color:#888; font-style:italic; } /* PAGE BLOGGEUR */ .blog_expert .page_bloggeur { display: flex; flex-wrap: wrap; justify-content: space-between; } /* Partie gauche */ .blog_expert .page_bloggeur .partie_gauche { width: 64%; } .blog_expert .page_bloggeur .partie_gauche .bloggeur { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .blog_expert .page_bloggeur .partie_gauche .bloggeur .illustration { width: 110px; border-radius: 5px; align-self: flex-start; } .blog_expert .page_bloggeur .partie_gauche .bloggeur .info { width: calc(95% - 110px); display: flex; flex-wrap: wrap; } .blog_expert .page_bloggeur .partie_gauche .bloggeur .info .prenom_nom { color: #e27202; font-size: 24px; margin-right: 20px; } .blog_expert .page_bloggeur .partie_gauche .bloggeur .info .fonction { color: #5c5c5c; font-size: 14px; font-style: italic; margin: 8px 0 12px; } .blog_expert .page_bloggeur .partie_gauche .bloggeur .info .details { width: 100%; display: flex; flex-wrap: wrap; } .blog_expert .page_bloggeur .partie_gauche .bloggeur .info .details .nbr_article, .blog_expert .page_bloggeur .partie_gauche .bloggeur .info .details .linkedin { display: flex; align-items: center; margin-bottom: 12px; } .blog_expert .page_bloggeur .partie_gauche .bloggeur .info .details .nbr_article { margin-right: 20px; } .blog_expert .page_bloggeur .partie_gauche .bloggeur .info .details .nbr_article span { font-size: 18px; color: #a0a0a0; } .blog_expert .page_bloggeur .partie_gauche .bloggeur .info .details .nbr_article p, .blog_expert .page_bloggeur .partie_gauche .bloggeur .info .details .linkedin p { font-size: 14px; text-decoration: underline; color: #a0a0a0; margin-left: 10px; } .blog_expert .page_bloggeur .partie_gauche .bloggeur .info .details .linkedin { width: 120px; } .blog_expert .page_bloggeur .partie_gauche .bloggeur .info .details .linkedin img { width: 16px; } .blog_expert .page_bloggeur .partie_gauche .bloggeur .info .social { width: 100%; } .blog_expert .page_bloggeur .partie_gauche .bloggeur .description { width: 100%; margin-top: 12px; line-height: 20px; } .blog_expert .page_bloggeur .partie_gauche .articles_de { margin: 50px 0 40px; display: flex; align-items: flex-end; } .blog_expert .page_bloggeur .partie_gauche .articles_de p { color: #703c0a; font-size: 21px; /*white-space: nowrap;*/ } .blog_expert .page_bloggeur .partie_gauche .articles_de p span { /*white-space: nowrap;*/ } .blog_expert .page_bloggeur .partie_gauche .articles_de .vide { border: solid 1px #703c0a; width:100%; height: 0; margin: 0 0 8px 9px; } .blog_expert .page_bloggeur .partie_gauche .block_articles .block_article { margin-bottom: 20px; } .blog_expert .page_bloggeur .partie_gauche .block_articles .block_article .partie_1 { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom: 15px; } .blog_expert .page_bloggeur .partie_gauche .block_articles .block_article .partie_1 a, .blog_expert .page_bloggeur .partie_gauche .block_articles .block_article .partie_1 p { font-size: 12px; color: #5c5c5c; } .blog_expert .page_bloggeur .partie_gauche .block_articles .block_article .partie_1 a { border: solid 1px #d6d6d6; border-radius: 5px; padding: 5px 8px; background-color: #f6f6f6; } .blog_expert .page_bloggeur .partie_gauche .block_articles .block_article .partie_1 a:hover { background-color: #e6e6e6; } .blog_expert .page_bloggeur .partie_gauche .block_articles .block_article .partie_2 { display: block; } .blog_expert .page_bloggeur .partie_gauche .block_articles .block_article .partie_2:hover p:first-child { text-decoration: underline; } .blog_expert .page_bloggeur .partie_gauche .block_articles .block_article .partie_2 p:first-child { font-size: 16px; font-weight: bold; margin-bottom: 10px; } .blog_expert .page_bloggeur .partie_gauche .block_articles .block_article .partie_2 p:last-child { font-size: 14px; color: #5c5c5c; line-height: 18px; } .blog_expert .page_bloggeur .partie_gauche .block_articles .pagination { text-align: center; } .blog_expert .page_bloggeur .partie_gauche .block_articles .pagination .separateur { margin-left: 10px; } .blog_expert .page_bloggeur .partie_gauche .block_articles .pagination a, .blog_expert .page_bloggeur .partie_gauche .block_articles .pagination p { display: inline-block; margin-left: 10px; padding: 10px; border: solid 1px #d6d6d6; border-radius: 5px; color: #a7a7a7; font-size: 15px; box-shadow: 2px 2px 3px rgba(0, 0, 0, .1); } .blog_expert .page_bloggeur .partie_gauche .block_articles .pagination p { border: solid 2px #c95100; color: #c95100; font-weight: bold; } /* Partie droite */ .blog_expert .page_bloggeur .partie_droite { width: 34% } .blog_expert .page_bloggeur .partie_droite .partie_dossier { margin-bottom: 25px; } .blog_expert .page_bloggeur .partie_droite .partie_dossier .en_tete { color: white; background-color: #e27202; border-top-left-radius: 5px; border-top-right-radius: 5px; text-align: center; padding: 10px 0; } .blog_expert .page_bloggeur .partie_droite .partie_dossier .en_tete span { font-weight: bold; font-size: 16px; } .blog_expert .page_bloggeur .partie_droite .partie_dossier .block_dossiers a { display: block; padding: 10px 15px; border: solid 1px #d6d6d6; border-top: none; background-color: white; } .blog_expert .page_bloggeur .partie_droite .partie_dossier .block_dossiers a:hover { box-shadow: 0px 2px 3px rgba(0, 0, 0, .1), 0px -2px 3px rgba(0, 0, 0, .1); } .blog_expert .page_bloggeur .partie_droite .partie_annonce .abonnez_vous { border-radius: 5px; background: url('/images/interface/blog-experts/abonnez-vous.png') no-repeat center; background-size: 100%; display: flex; flex-flow: column wrap; justify-content: center; align-items: flex-start; padding: 40px 0; } .blog_expert .page_bloggeur .partie_droite .partie_annonce .abonnez_vous p, .blog_expert .page_bloggeur .partie_droite .partie_annonce .abonnez_vous a { color: white; letter-spacing: 1px; } .blog_expert .page_bloggeur .partie_droite .partie_annonce .abonnez_vous p { font-size: 18px; margin: 0 30px 20px; display: inline-block; line-height: 23px; } .blog_expert .page_bloggeur .partie_droite .partie_annonce .abonnez_vous a { background-color: #f5a000; padding: 6px 8px; margin-left: 42px; font-size: 17px; border-radius: 5px; } /* PAGE DOSSIER */ .blog_expert .page_dossier .bloggeur { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .blog_expert .page_dossier .bloggeur .info { width: 45%; display: flex; flex-wrap: wrap; align-items: center; } .blog_expert .page_dossier .bloggeur .info .illustration { align-self: flex-start; width: 110px; border-radius: 5px;} .blog_expert .page_dossier .bloggeur .info .information { box-sizing: border-box; width: calc(100% - 110px); padding-left: 6%; display: flex; flex-wrap: wrap; } .blog_expert .page_dossier .bloggeur .info .information .prenom_nom { margin-bottom: 8px; color: #e27202; font-size: 24px; width: 100%; } .blog_expert .page_dossier .bloggeur .info .information .prenom_nom:hover { text-decoration: underline; } .blog_expert .page_dossier .bloggeur .info .information .fonction { color: #5c5c5c; font-style: italic; width: 100%; margin-bottom: 12px; } .blog_expert .page_dossier .bloggeur .info .information .details { width: 100%; display: flex; flex-wrap: wrap; } .blog_expert .page_dossier .bloggeur .info .information .details .nbr_article, .blog_expert .page_dossier .bloggeur .info .information .details .linkedin { display: flex; align-items: center; margin-bottom: 12px } .blog_expert .page_dossier .bloggeur .info .information .details .nbr_article { margin-right: 20px; } .blog_expert .page_dossier .bloggeur .info .information .details .linkedin img { width: 16px; } .blog_expert .page_dossier .bloggeur .info .information .details .nbr_article p, .blog_expert .page_dossier .bloggeur .info .information .details .linkedin p { font-size: 14px; text-decoration: underline; color: #a0a0a0; margin-left: 10px; } .blog_expert .page_dossier .bloggeur .info .information .details .nbr_article span { font-size: 18px; color: #a0a0a0; } .blog_expert .page_dossier .bloggeur .info .information .social { width: 100%; } .blog_expert .page_dossier .bloggeur .description { width: 53%; line-height: 20px; } .blog_expert .page_dossier .tous_les_articles { margin: 50px 0 10px; display: flex; align-items: flex-end; } .blog_expert .page_dossier .tous_les_articles p { color: #703c0a; font-size: 21px; white-space: nowrap; font-weight: bold; } .blog_expert .page_dossier .tous_les_articles span { font-weight: normal; font-size: 19px; } .blog_expert .page_dossier .tous_les_articles .vide { border: solid 1px #703c0a; width:100%; height: 0; margin: 0 0 8px 9px; } .blog_expert .page_dossier .description_dossier { margin-bottom: 50px; } .blog_expert .page_dossier .description_dossier p { font-size: 15px; font-style: italic; font-weight: bold; } .blog_expert .page_dossier .block_articles .block_article { margin-bottom: 20px; display: flex; align-items: center;} .blog_expert .page_dossier .block_articles .block_article:hover .titre { text-decoration: underline; } .blog_expert .page_dossier .block_articles .block_article p:first-child { font-size: 12px; color: #5c5c5c; margin-bottom: 5px; } .blog_expert .page_dossier .block_articles .block_article p { display: block; } .blog_expert .page_dossier .block_articles .block_article .titre { font-size: 16px; font-weight: bold; margin-bottom: 10px; } .blog_expert .page_dossier .block_articles .block_article .chapeau{ font-size: 14px; color: #5c5c5c; line-height: 18px; } .blog_expert .page_dossier .block_articles .block_article img { min-width: 85px; width: 85px; margin-left: 10px; border-radius: 5px; } .blog_expert .page_dossier .block_articles .pagination { text-align: center; } .blog_expert .page_dossier .block_articles .pagination a, .blog_expert .page_dossier .block_articles .pagination p { display: inline-block; margin-left: 10px; padding: 10px; border: solid 1px #d6d6d6; border-radius: 5px; color: #a7a7a7; font-size: 15px; box-shadow: 2px 2px 3px rgba(0, 0, 0, .1); } .blog_expert .page_dossier .block_articles .pagination p { border: solid 2px #c95100; color: #c95100; font-weight: bold; } /* PAGE ARTICLE */ .blog_expert .page_article { display: flex; flex-wrap: wrap; justify-content: space-between; } /* Partie gauche */ .blog_expert .page_article .partie_gauche { width: 64%; } .blog_expert .page_article .partie_gauche .block_article .titre { font-size: 23px; color: #703c0a; margin-bottom: 30px; } .blog_expert .page_article .partie_gauche .block_article .chapeau, .blog_expert .page_article .partie_gauche .block_article .texte { text-align: justify!important; line-height: 25px!important; } .blog_expert .page_article .partie_gauche .block_article .chapeau { font-weight: bold; } .blog_expert .page_article .partie_gauche .block_article .toolbar { margin: 12px 0; display:flex; align-items: center; } .blog_expert .page_article .partie_gauche .block_article .toolbar .publication { font-size:12px; color:#888; white-space:nowrap; font-style:italic; } .blog_expert .page_article .partie_gauche .block_article .toolbar .vide { width:100%; border: solid 1px #e4e4e4; margin:0 10px; height:0; box-sizing: border-box; } .blog_expert .page_article .partie_gauche .block_article .toolbar .module_partage { flex:0 0 175px; } .blog_expert .page_article .partie_gauche .block_article .dispo_revue { display:flex; border:1px solid #d6d6d6; border-left:3.5px solid #888; background:#FFF; margin-bottom:15px; border-radius:2px; font-size:13px; line-height:18px; overflow:hidden; } .blog_expert .page_article .partie_gauche .block_article .dispo_revue .illustration { flex:0 0 60px; width:60px; padding:3px; height:100%; border-right:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; align-self:flex-start; margin-bottom:-1px; } .blog_expert .page_article .partie_gauche .block_article .dispo_revue .illustration img { width:60px; } .blog_expert .page_article .partie_gauche .block_article .dispo_revue .textes { flex-basis:100%; align-self:center; color:#686868; padding:10px 15px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; line-height:18px; } .blog_expert .page_article .partie_gauche .block_article .dispo_revue .textes a { font-style:italic; font-size:13px; color:#C95100; text-decoration:none; } .blog_expert .page_article .partie_gauche .block_article .dispo_revue .textes a:hover { text-decoration:underline; } .blog_expert .page_article .partie_gauche .block_article .dispo_revue .textes span { color:#A8A8A8; font-size:13px; } .blog_expert .page_article .partie_gauche .block_article .texte a { color: #c95100; } .blog_expert .page_article .partie_gauche .block_article .texte p { font-size: 14.5px!important; } .blog_expert .page_article .partie_gauche .block_article .texte p { margin-bottom: 14px; } .blog_expert .page_article .partie_gauche .block_article .texte table { width:100%; font-size:13px; border:0; } .blog_expert .page_article .partie_gauche .block_article .texte table td { border-top:0; border-left:0; border-bottom:1px solid #EAEAEA; border-right:1px solid #EAEAEA; background:#FFF; padding:10px; text-align:left; vertical-align:top; } .blog_expert .page_article .partie_gauche .block_article .texte table th { border-top:0; border-left:0; border-bottom:1px solid #EAEAEA; border-right:1px solid #EAEAEA; background:#FAFAFA; color:#E48703; padding:10px; text-align:left; } .blog_expert .page_article .partie_gauche .block_article .illustrations { margin: 25px 0 29px; display: flex; flex-wrap: wrap; justify-content: space-around; } .blog_expert .page_article .partie_gauche .block_article .illustrations a img { border-radius: 5px; width: 150px; } .blog_expert .page_article .partie_gauche .block_article .signature { border-left: solid 5px #c95100 ; border-radius:5px; overflow:hidden; } .blog_expert .page_article .partie_gauche .block_article .signature div p { padding:10px 15px; font-size:14px; line-height:18px; color:#686868; background-color: #e5e5e5; } .blog_expert .page_article .partie_gauche .block_article .signature .auteur { display:flex; margin-top:6px; align-items: center; } .blog_expert .page_article .partie_gauche .block_article .signature .auteur .illustration { flex:0 0 40px; height:40px; border-radius:3px; } .blog_expert .page_article .partie_gauche .block_article .signature .auteur .infos { flex-basis:100%; padding:6px 12px; box-sizing:border-box; color:#484848; } .blog_expert .page_article .partie_gauche .block_article .signature .auteur .infos i { display:block; color:#686868; } .blog_expert .page_article .partie_gauche .block_article .rappel { margin: 15px 0 25px; } .blog_expert .page_article .partie_gauche .block_article .rappel p { color: #8c8c8c; font-size: 11.5px; font-style: italic; } .blog_expert .page_article .partie_gauche .block_article .texte p.encart { border:1px solid #D6D6D6; border-left-width:4px; border-radius:4px; padding:15px; margin:15px 0; font-size:13.5px !important; line-height:18px !important; text-align:left; background:#FAFAFA !important; } .blog_expert .page_article .partie_gauche .block_article .texte sup { display:inline-block; font-size:11px; margin-top:-4px; } .blog_expert .page_article .partie_gauche .block_article .texte sup.note { margin-left:2px; color:#989898; } .blog_expert .page_article .partie_gauche .block_article .texte p.notes { border-top:1px dotted #D6D6D6; padding-top:10px; margin-top:15px; color:#686868; text-align:left !important; } .blog_expert .page_article .partie_gauche .block_article .texte p.notes span { display:inline-block; font-size:13px !important; line-height:17px; margin-bottom:10px; } .blog_expert .page_article .partie_gauche .block_article .texte p.notes span a { font-size:13px !important; line-height:17px; color:#686868; text-decoration:underline; } .blog_expert .page_article .partie_gauche .block_article .texte p.notes span a:hover { text-decoration:none; color:#C95100; } .blog_expert .page_article .partie_gauche .block_article .texte p.notes span sup { display:inline-block; vertical-align:text-bottom; color:#989898; } .blog_expert .page_article .partie_gauche .block_article .texte p.notes span sup:after { content:'.'; } .blog_expert .page_article .partie_gauche .block_SI .SI { display: inline-block; background-color: #3c6796; color: white; font-size: 15px; border-top-left-radius: 5px; border-top-right-radius: 5px; padding: 7px 18px; margin-bottom: -1px; } .blog_expert .page_article .partie_gauche .block_SI .content_SI { background-color: white; border: solid 1px #d6d6d6; border-radius: 5px; border-top-left-radius: 0; padding: 21px 23px; display: flex; flex-wrap: wrap; justify-content: space-between; } .blog_expert .page_article .partie_gauche .block_SI .content_SI .produit { width: 30%; } .blog_expert .page_article .partie_gauche .block_SI .content_SI .produit .illustration { border-radius: 5px; border: solid 1px #d6d6d6; background-color: #eee; } .blog_expert .page_article .partie_gauche .block_SI .content_SI .produit .illustration img { width: 130px; display: block; margin: 0 auto; } .blog_expert .page_article .partie_gauche .block_SI .content_SI .produit .titre { font-size: 13px; line-height: 16px; margin-top: 8px; } .blog_expert .page_article .partie_gauche .block_SI .content_SI .produit .par { color: #7d7d7d; margin-top: 8px; font-size: 13px; } .blog_expert .page_article .partie_gauche .block_SI .content_SI .produit .par span { font-weight: bold; } .blog_expert .page_article .partie_gauche .reaction { margin-top: 30px; } .blog_expert .page_article .partie_gauche .reaction .block_commentaires {border-top: solid 3px #c95100;} .blog_expert .page_article .partie_gauche .reaction .block_commentaires .nbr_commentaires, .blog_expert .page_article .partie_gauche .reaction .block_commentaires .abs_commentaires { font-size: 16px; color: #c95100; margin: 20px 0 17px; } .blog_expert .page_article .partie_gauche .reaction .block_commentaires .block_commentaire { margin-top: 10px; border-bottom: dashed 2px #ccc; padding-bottom: 10px; } .blog_expert .page_article .partie_gauche .reaction .block_commentaires .block_commentaire:last-child { border-bottom: none; } .blog_expert .page_article .partie_gauche .reaction .block_commentaires .block_commentaire .pseudo, .blog_expert .page_article .partie_gauche .reaction .block_commentaires .block_commentaire .date { font-size: 13px; font-weight: bold; line-height: 16px; } .blog_expert .page_article .partie_gauche .reaction .block_commentaires .block_commentaire .commentaire { font-size: 12px; margin-top: 4px; line-height: 17px; text-align: justify; } .blog_expert .page_article .partie_gauche .reaction .block_commentaires .block_commentaire .signaler { display: block; font-size: 11px; margin-top: 4px; color: #A8A8A8; } .blog_expert .page_article .partie_gauche .reaction .form_reaction { background-color: white; border: solid 1px #d6d6d6; border-radius: 5px; margin-top: 15px; padding: 21px 23px; } .blog_expert .page_article .partie_gauche .reaction .form_reaction .reaction_error { border: solid 1px #BA2E37; border-radius: 5px; box-sizing: border-box; } .blog_expert .page_article .partie_gauche .reaction .form_reaction .reaction_message { text-align: center; line-height:19px; color:#C95100; } .blog_expert .page_article .partie_gauche .reaction .form_reaction .reaction_message span { color: #888; font-size: 11px; } .blog_expert .page_article .partie_gauche .reaction .form_reaction .reaction_message span a { color: #888; text-decoration: underline; } .blog_expert .page_article .partie_gauche .reaction .form_reaction .reaction_message span a:hover { text-decoration:none; } .blog_expert .page_article .partie_gauche .reaction .form_reaction .en-tete { font-family: "Century gothic","Trebuchet MS",Arial,sans-serif; font-size: 17px; color: #F5A000; margin-bottom: 10px; } .blog_expert .page_article .partie_gauche .reaction .form_reaction .intro { margin-left: 24px; margin-bottom: 20px; font-size: 13.5px; line-height: 18px; } .blog_expert .page_article .partie_gauche .reaction .form_reaction .intro a { font-size: 12px; color: #888; } .blog_expert .page_article .partie_gauche .reaction .form_reaction .intro a:hover { text-decoration: underline; } .blog_expert .page_article .partie_gauche .reaction .form_reaction .post_error { width: 469px; margin-left: 24px; margin-bottom: 15px; font-size: 13px; color: #BA2E37; font-weight: bold; } .blog_expert .page_article .partie_gauche .reaction .form_reaction form { margin-bottom:0px; } .blog_expert .page_article .partie_gauche .reaction .form_reaction #form_reaction_article { display: flex; flex-wrap: wrap; justify-content: flex-end; position: relative; } .blog_expert .page_article .partie_gauche .reaction .form_reaction #form_reaction_article .element { width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; position:relative;} .blog_expert .page_article .partie_gauche .reaction .form_reaction #form_reaction_article .element label { width: 20%; text-align: center; font-size: 13.5px; } .blog_expert .page_article .partie_gauche .reaction .form_reaction #form_reaction_article .element_message { margin-bottom: 30px; width: 100%; } .blog_expert .page_article .partie_gauche .reaction .form_reaction #form_reaction_article .element_message div { width: 80%; position: relative; } .blog_expert .page_article .partie_gauche .reaction .form_reaction #form_reaction_article .element_message textarea { border: solid 1px #d6d6d6; border-radius: 5px; height: 126px; padding: 7px 9px; box-sizing: border-box; resize: none; width: 100%; font-size: 13px; box-shadow: 0px 0px 5px rgba(0, 0, 0, .1); } .blog_expert .page_article .partie_gauche .reaction .form_reaction #form_reaction_article .element_message span { width: 130px; font-size: 11px; color:#a8a8a8; position: absolute; bottom: -17px; right: 0; } .blog_expert .page_article .partie_gauche .reaction .form_reaction #form_reaction_article .pseudo { width: 80%; margin: 5px 0 15px; font-size: 13.5px; } .blog_expert .page_article .partie_gauche .reaction .form_reaction #form_reaction_article .pseudo b { font-style: italic; } .blog_expert .page_article .partie_gauche .reaction .form_reaction #form_reaction_article .pseudo span { display: block; font-size: 11px; color: #A8A8A8; margin-top: 3px; } .blog_expert .page_article .partie_gauche .reaction .form_reaction #form_reaction_article .pseudo span a { text-decoration: underline; color: #A8A8A8; font-size: 11px; } .blog_expert .page_article .partie_gauche .reaction .form_reaction #form_reaction_article .pseudo span a:hover { text-decoration: none; } .blog_expert .page_article .partie_gauche .reaction .form_reaction #form_reaction_article .element_email div input, .blog_expert .page_article .partie_gauche .reaction .form_reaction #form_reaction_article .element_mdp div input, .blog_expert .page_article .partie_gauche .reaction .form_reaction #form_reaction_article .element_pseudo div input { height: 30px; border: solid 1px #d6d6d6; border-radius: 5px; box-sizing: border-box; box-shadow: 0px 0px 5px rgba(0, 0, 0, .1); font-size: 12px; padding: 10px } .blog_expert .page_article .partie_gauche .reaction .form_reaction #form_reaction_article .element_email div { width: 80%; } .blog_expert .page_article .partie_gauche .reaction .form_reaction #form_reaction_article .element_email div input { width: 100%; } .blog_expert .page_article .partie_gauche .reaction .form_reaction #form_reaction_article .element_mdp { margin-top: 10px; } .blog_expert .page_article .partie_gauche .reaction .form_reaction #form_reaction_article .element_mdp div { width: 80%; } .blog_expert .page_article .partie_gauche .reaction .form_reaction #form_reaction_article .element_mdp div input { width: 100%; } .blog_expert .page_article .partie_gauche .reaction .form_reaction #form_reaction_article .element_pseudo div { width: 80%; } .blog_expert .page_article .partie_gauche .reaction .form_reaction #form_reaction_article .element_pseudo div input { width: 100%; } .blog_expert .page_article .partie_gauche .reaction .form_reaction #form_reaction_article #reaction-article-informations-pseudo { margin-top: 10px; } .blog_expert .page_article .partie_gauche .reaction .form_reaction #form_reaction_article #reaction-article-informations-pseudo .element_pseudo { position: relative; } .blog_expert .page_article .partie_gauche .reaction .form_reaction #form_reaction_article #reaction-article-informations-pseudo .element_pseudo #container_reaction_article_pseudo { width: 80%; } .blog_expert .page_article .partie_gauche .reaction .form_reaction #form_reaction_article #reaction-article-informations-pseudo .element_pseudo #container_reaction_article_pseudo input { width: 100%; } .blog_expert .page_article .partie_gauche .reaction .form_reaction #form_reaction_article .element_pseudo .aidePseudoAjax { position: absolute; bottom: -19px; right: 4; width: 16px; height: 15px; cursor: pointer; background:URL('/images/interface/common/classes/infobulle/orange.png'); margin-left: 6px; } .blog_expert .page_article .partie_gauche .reaction .form_reaction #form_reaction_article .element_pseudo .aidePseudoAjax .bulleContainerPseudoAjax { display:block; overflow:hidden; width:220px; height:auto; padding:2px; background:#F0F0F0; position:absolute; border:1px solid #AAAAAA; margin:21px 0px 0px -200px; -moz-box-shadow: 2px 2px 0 #DEDEDE; -webkit-box-shadow: 2px 2px 0 #DEDEDE; } .blog_expert .page_article .partie_gauche .reaction .form_reaction #form_reaction_article .element_pseudo .aidePseudoAjax .bulleContainerPseudoAjax .bullePseudoAjax { display:block; overflow:hidden; width:204px; height:auto; padding:4px 8px 4px 8px; background:#FFFFFF; text-align:justify; line-height:18px; color:#484848; font-size:12px; } .blog_expert .page_article .partie_gauche .reaction .form_reaction #form_reaction_article #reaction-article-retrouver-mot-passe { font-size: 12px; color: #A8A8A8; margin-left: 10px; margin: 6px 5px 0 0; } .blog_expert .page_article .partie_gauche .reaction .form_reaction #form_reaction_article #reaction-article-identifiants-valides { font-size: 12px; line-height: 13px; color: #74c868; margin: 7px 5px 0 0; line-height: 16px; padding-left: 22px; background:url('/images/interface/news/formulaire_reaction_valide.png') center left no-repeat; } /*.blog_expert .page_article .partie_gauche .reaction .form_reaction .element_antispam .container_image { float:left; margin-right:10px; } .blog_expert .page_article .partie_gauche .reaction .form_reaction .element_antispam input { display:block; width:72px; font-size:12px; color:#484848; padding:0px; border:0px; text-align:center; background:transparent; margin:10px 0px 0px 12px; outline:none; }*/ .blog_expert .page_article .partie_gauche .reaction .form_reaction #form_reaction_article .checkboxs { width: 80%; margin-top:15px; } .blog_expert .page_article .partie_gauche .reaction .form_reaction #form_reaction_article .checkboxs div { margin-bottom: 4px; } .blog_expert .page_article .partie_gauche .reaction .form_reaction #form_reaction_article .checkboxs label { font-size: 12px; } .blog_expert .page_article .partie_gauche .reaction .form_reaction #form_reaction_article .checkboxs label a { color:#989898; font-size: 12px; } .blog_expert .page_article .partie_gauche .reaction .form_reaction #form_reaction_article .checkboxs label a:hover { text-decoration: underline; } .blog_expert .page_article .partie_gauche .reaction .form_reaction #form_reaction_article .champs_obligatoires { position: absolute; font-size: 10px; color: #888; bottom: 0; left: 20%; } .blog_expert .page_article .partie_gauche .reaction .form_reaction #form_reaction_article #reaction_article_submit { cursor: pointer; width: 108px; height: 64px; padding-top: 64px; border: 0px; background: url('/images/interface/news/formulaire_reaction_submit.png') top left no-repeat; margin: 15px 0 0 200px; } /* Partie droite */ .blog_expert .page_article .partie_droite { width: 34% } .blog_expert .page_article .partie_droite .module { border: solid 1px #d6d6d6; border-radius: 5px; margin-top: 30px; } .blog_expert .page_article .partie_droite .module .en_tete { border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; color: white; width: 220px; margin: -1px auto 0; text-align: center; padding: 6px 0; } .blog_expert .page_article .partie_droite .module .content { background-color: white; margin: 21px 0 0; } .blog_expert .page_article .partie_droite .module .content .element { display: flex; align-items: center; padding: 12px 15px; border-top: solid 1px #d6d6d6; } .blog_expert .page_article .partie_droite .module .content .element:last-child { border-bottom: solid 1px #d6d6d6; } .blog_expert .page_article .partie_droite .module .content .element .texte { line-height: 16px; } .blog_expert .page_article .partie_droite .module .content .element .texte p { font-size: 13px; } .blog_expert .page_article .partie_droite .module .content .element .texte span { font-size: 12px; color: #b5b5b5 } .blog_expert .page_article .partie_droite .module .content_bottom { display: block; text-align: right; margin: 15px 20px 12px; text-decoration: underline; font-size: 13px; } .blog_expert .page_article .partie_droite .bloggeur .identite { display: flex; flex-wrap: wrap; } .blog_expert .page_article .partie_droite .bloggeur .identite-coauteur { padding-top: 15px; margin-top: 15px; border-top:1px dotted #888; } .blog_expert .page_article .partie_droite .bloggeur .identite .illustration { width: 90px; height: 90px; border-radius: 5px; } .blog_expert .page_article .partie_droite .bloggeur .identite .informations { box-sizing: border-box; width: calc(95% - 90px); display: flex; flex-wrap: wrap; align-content: center; padding-left: 20px } .blog_expert .page_article .partie_droite .bloggeur .identite .informations p, .blog_expert .page_article .partie_droite .bloggeur .identite .informations .prenom_nom { width: 100%; font-style: italic; } .blog_expert .page_article .partie_droite .bloggeur .identite .informations .prenom_nom { font-size: 17px; color: #e27202; margin-bottom:6px; } .blog_expert .page_article .partie_droite .bloggeur .identite .informations .prenom_nom:hover { text-decoration: underline; } .blog_expert .page_article .partie_droite .bloggeur .identite .informations p.fonction { color: #5c5c5c; font-style: italic; margin-bottom:6px; } .blog_expert .page_article .partie_droite .bloggeur .description { font-weight: bold; } .blog_expert .page_article .partie_droite .bloggeur .liens .nbr_article, .blog_expert .page_article .partie_droite .bloggeur .liens .linkedin { display: flex; align-items: center; } .blog_expert .page_article .partie_droite .bloggeur .liens .nbr_article:hover p, .blog_expert .page_article .partie_droite .bloggeur .liens .linkedin:hover p { font-weight: bold; } .blog_expert .page_article .partie_droite .bloggeur .liens .nbr_article span { font-size: 18px; color: #a0a0a0; } .blog_expert .page_article .partie_droite .bloggeur .liens .nbr_article p, .blog_expert .page_article .partie_droite .bloggeur .liens .linkedin p { font-size: 14px; text-decoration: underline; color: #a0a0a0; margin-left: 10px; } .blog_expert .page_article .partie_droite .bloggeur .liens .linkedin img { width: 16px; } .blog_expert .page_article .partie_droite .bloggeur .identite .partenaire { display:flex; width:100%; box-sizing:border-box; color:#5C5C5C; margin-top:10px; padding:5px; font-size:13px; border-radius:3px; background:#F0F0F0; } .blog_expert .page_article .partie_droite .bloggeur .identite .partenaire img { flex:0 0 30px; border-radius:3px; margin-right:8px; align-self:flex-start; width:30px; } .blog_expert .page_article .partie_droite .bloggeur .identite .partenaire span { flex-basis:100%; align-self:center; } .blog_expert .page_article .partie_droite .bloggeur .identite .partenaire:hover { color:#282828; background:#EAEAEA; } .blog_expert .page_article .partie_droite .autres_articles { padding: 0 15px; background-color: white; } .blog_expert .page_article .partie_droite .autres_articles .en_tete { font-size: 15px; width: initial; margin: 15px 0; text-align: left; font-weight: bold; padding: 0; } .blog_expert .page_article .partie_droite .autres_articles .en_tete, .blog_expert .page_article .partie_droite .autres_articles .content_bottom { color: #c95100; } .blog_expert .page_article .partie_droite .autres_articles .contenu .titre { display: block; margin: } .blog_expert .page_article .partie_droite .autres_articles .contenu .titre p { font-weight: bold; line-height: 17px; } .blog_expert .page_article .partie_droite .autres_articles .contenu .titre p span { color: #8f8f8f; font-weight: normal; font-style: italic; } .blog_expert .page_article .partie_droite .autres_articles .contenu .trait { width: 80%; border-top: solid 1px #d6d6d6; margin: 10px auto; } .blog_expert .page_article .partie_droite .autres_articles .contenu .trait:last-child { display: none; } .blog_expert .page_article .partie_droite .autres_articles .content_bottom { margin: 15px 5px 12px; } .blog_expert .page_article .partie_droite .partie_annonce .module_offres .en_tete { background-color: #7fa011; } .blog_expert .page_article .partie_droite .partie_annonce .module_offres .content .element { justify-content: space-between; } .blog_expert .page_article .partie_droite .partie_annonce .module_offres .content .element .illustration { width: 90px; min-width: 90px; } .blog_expert .page_article .partie_droite .partie_annonce .module_offres .content_bottom { color: #7fa011; } .blog_expert .page_article .partie_droite .partie_annonce .module_formations .en_tete { background-color: #7c6490; } .blog_expert .page_article .partie_droite .partie_annonce .module_formations .content .element { justify-content: flex-start; } .blog_expert .page_article .partie_droite .partie_annonce .module_formations .content .element .illustration { width: 26px; min-width: 26px; margin-right: 15px; } .blog_expert .page_article .partie_droite .partie_annonce .module .content .element .texte span span { color: #7C648F; } .blog_expert .page_article .partie_droite .partie_annonce .module_formations .content_bottom { color: #7c6490; } /* PAGE TOUS LES ARTICLE */ .blog_expert .page_tous_les_articles .tous_articles { margin: 50px 0 40px; display: flex; align-items: center; } .blog_expert .page_tous_les_articles .tous_articles p { min-width: 270px; line-height: 37px; padding: 0 12px; color: white; font-size: 19px; white-space: nowrap; background: url('/images/interface/blog-experts/fond-separateur.png') no-repeat; background-size: contain; } .blog_expert .page_tous_les_articles .tous_articles .vide { border: solid 1px #703c0a; width:100%; height: 0; margin-left: 9px; } .blog_expert .page_tous_les_articles .block_articles { display: flex; flex-wrap: wrap; justify-content: space-between; } .blog_expert .page_tous_les_articles .block_articles .block_article { margin-bottom: 20px; width: 49%; box-sizing: border-box; display: flex; align-items: flex-start; } .blog_expert .page_tous_les_articles .block_articles .block_article div { width: 100%; } .blog_expert .page_tous_les_articles .block_articles .block_article div .date { font-size: 12px; color: #5c5c5c; margin-bottom: 5px; } .blog_expert .page_tous_les_articles .block_articles .block_article div .titre { font-size: 16px; font-weight: bold; margin-bottom: 10px; } .blog_expert .page_tous_les_articles .block_articles .block_article div .chapeau{ font-size: 14px; color: #5c5c5c; line-height: 18px; } .blog_expert .page_tous_les_articles .block_articles .block_article .illustration { float:right; min-width:85px; width:85px; margin-left:10px; border-radius:5px; } .blog_expert .page_tous_les_articles .block_articles .block_article .info_plus { display: flex; flex-wrap: wrap; align-items: center; border-top:1px dotted #DADADA; margin-top:10px; padding-top:10px; } .blog_expert .page_tous_les_articles .block_articles .block_article .info_plus_coauteur { border-top:0; margin-top:0; } .blog_expert .page_tous_les_articles .block_articles .block_article .info_plus img { width: 40px; margin-right: 10px; border-radius:3px; } .blog_expert .page_tous_les_articles .block_articles .block_article .info_plus div { display: flex; width: calc(100% - 60px); flex-wrap: wrap; align-content: space-around; } .blog_expert .page_tous_les_articles .block_articles .block_article .info_plus div p { width: 100%; } .blog_expert .page_tous_les_articles .block_articles .block_article .info_plus div p:last-child { font-size: 12px; font-style: italic; color: #5c5c5c; } .blog_expert .page_tous_les_articles .block_articles .pagination { text-align: center; width: 100%; } .blog_expert .page_tous_les_articles .block_articles .pagination a, .blog_expert .page_tous_les_articles .block_articles .pagination p { display: inline-block; margin-left: 10px; padding: 10px; border: solid 1px #d6d6d6; border-radius: 5px; color: #a7a7a7; font-size: 15px; box-shadow: 2px 2px 3px rgba(0, 0, 0, .1); } .blog_expert .page_tous_les_articles .block_articles .pagination p { border: solid 2px #c95100; color: #c95100; font-weight: bold; } /* PAGE PARTENAIRE */ .blog_expert .page_partenaire .partenaire { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .blog_expert .page_partenaire .partenaire .info { width: 45%; display: flex; flex-wrap: wrap; align-items: center; } .blog_expert .page_partenaire .partenaire .info .illustration { align-self: flex-start; width: 110px; border-radius: 5px;} .blog_expert .page_partenaire .partenaire .info .information { box-sizing: border-box; width: calc(100% - 110px); padding-left: 6%; display: flex; flex-wrap: wrap; } .blog_expert .page_partenaire .partenaire .info .information .nom { margin-bottom: 8px; color: #e27202; font-size: 24px; width: 100%; } .blog_expert .page_partenaire .partenaire .info .information .nom:hover { text-decoration: underline; } .blog_expert .page_partenaire .partenaire .info .information .social { width: 100%; } .blog_expert .page_partenaire .partenaire .description { width: 53%; line-height: 20px; } .blog_expert .page_partenaire .tous_les_articles { margin: 50px 0 20px; display: flex; align-items: flex-end; } .blog_expert .page_partenaire .tous_les_articles p { color: #703c0a; font-size: 21px; white-space: nowrap; font-weight: bold; } .blog_expert .page_partenaire .tous_les_articles span { font-weight: normal; font-size: 19px; } .blog_expert .page_partenaire .tous_les_articles .vide { border: solid 1px #703c0a; width:100%; height: 0; margin: 0 0 8px 9px; } .blog_expert .page_partenaire .description_dossier { margin-bottom: 50px; } .blog_expert .page_partenaire .description_dossier p { font-size: 15px; font-style: italic; font-weight: bold; } .blog_expert .page_partenaire .block_articles .block_article { display:block;margin-bottom: 20px; } .blog_expert .page_partenaire .block_articles .block_article .top { display: flex; align-items: center;} .blog_expert .page_partenaire .block_articles .block_article:hover .top .titre { text-decoration: underline; } .blog_expert .page_partenaire .block_articles .block_article .top p:first-child { font-size: 12px; color: #5c5c5c; margin-bottom: 5px; } .blog_expert .page_partenaire .block_articles .block_article .top p { display: block; } .blog_expert .page_partenaire .block_articles .block_article .top .titre { font-size: 16px; font-weight: bold; margin-bottom: 10px; } .blog_expert .page_partenaire .block_articles .block_article .top .chapeau{ font-size: 14px; color: #5c5c5c; line-height: 18px; } .blog_expert .page_partenaire .block_articles .block_article .top img { min-width: 85px; width: 85px; margin-left: 10px; border-radius: 5px; } .blog_expert .page_partenaire .block_articles .block_article .auteur { display: flex; flex-wrap: wrap; align-items: center; border-top:1px dotted #DADADA; margin-top:10px; padding-top:10px; } .blog_expert .page_partenaire .block_articles .block_article .coauteur { border-top:0; margin-top:0; } .blog_expert .page_partenaire .block_articles .block_article .auteur img { width: 40px; margin-right: 10px; border-radius:3px; } .blog_expert .page_partenaire .block_articles .block_article .auteur div { display: flex; width: calc(100% - 60px); flex-wrap: wrap; align-content: space-around; } .blog_expert .page_partenaire .block_articles .block_article .auteur div p { width: 100%; } .blog_expert .page_partenaire .block_articles .block_article .auteur div p:last-child { font-size: 12px; font-style: italic; color: #5c5c5c; } .blog_expert .page_partenaire .block_articles .pagination { text-align: center; } .blog_expert .page_partenaire .block_articles .pagination a, .blog_expert .page_partenaire .block_articles .pagination p { display: inline-block; margin-left: 10px; padding: 10px; border: solid 1px #d6d6d6; border-radius: 5px; color: #a7a7a7; font-size: 15px; box-shadow: 2px 2px 3px rgba(0, 0, 0, .1); } .blog_expert .page_partenaire .block_articles .pagination p { border: solid 2px #c95100; color: #c95100; font-weight: bold; } /* FOOTER */ .footerContent .menuLeft .categories .categorie, .footerContent .menuBottom a { text-decoration: none; } @media screen and (max-width:1050px) { .blog_expert header .vers_actu { padding-right:10px; background:#F6F6F6; } .blog_expert header .nav .block { padding-left:10px; } .blog_expert header .block_recherche form { width:calc(100% - 20px); margin-left:10px; } .blog_expert header .fil_ariane .min_width { width:calc(100% - 20px); margin-left:10px; } .blog_expert main { width:100%; padding:10px; } } @media screen and (max-width:900px) { .blog_expert .page_blog_experts .haut_page .partie_droite .partie_annonce .abonnez_vous { padding: 50px 0; } } @media screen and (max-width:900px) { .blog_expert .page_blog_experts .haut_page .partie_gauche .en_tete img { width: 160px; } .blog_expert .page_blog_experts .haut_page .partie_gauche .en_tete .info { width: calc(95% - 160px); } .blog_expert .page_bloggeur .partie_gauche, .blog_expert .page_bloggeur .partie_droite { width: 100%; } } @media screen and (max-width:800px) { .blog_expert .page_dossier .bloggeur .info, .blog_expert .page_dossier .bloggeur .description { width: 100%; } .blog_expert .page_dossier .bloggeur .info .information .prenom_nom, .blog_expert .page_dossier .bloggeur .info .information .fonction { width: initial; } .blog_expert .page_dossier .bloggeur .info .information .prenom_nom { margin: 0 20px 0 0; } .blog_expert .page_dossier .bloggeur .info .information .fonction { margin: 8px 0 12px; } .blog_expert .page_dossier .bloggeur .description { margin-top: 12px; } .blog_expert .page_partenaire .partenaire .info, .blog_expert .page_partenaire .partenaire .description { width: 100%; } .blog_expert .page_partenaire .partenaire .info .information .nom { width: initial; margin: 0 20px 0 0; } .blog_expert .page_partenaire .partenaire .description { margin-top: 12px; } .blog_expert .page_article .partie_gauche { width: 100%; } .blog_expert .page_article .partie_droite { width: 100% ; margin-top: 30px; } .blog_expert .page_article .partie_droite .autres_articles { margin-top: 0; } .blog_expert .page_article .partie_droite .bloggeur { display: none; } .blog_expert .page_blog_experts .haut_page .partie_droite, .blog_expert .page_bloggeur .partie_droite { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 20px; } .blog_expert .page_blog_experts .haut_page .partie_droite .partie_annonce, .blog_expert .page_bloggeur .partie_droite .partie_annonce { width: 49% } .blog_expert .page_blog_experts .haut_page .partie_droite .partie_annonce .abonnez_vous, .blog_expert .page_bloggeur .partie_droite .partie_annonce .abonnez_vous { padding: 20px; } .blog_expert .page_blog_experts .haut_page .partie_droite .partage { width: 49%; box-sizing: border-box; margin-top: 0; display: flex; flex-wrap: wrap; align-content: space-around; } .blog_expert .page_blog_experts .haut_page .partie_gauche, .blog_expert .page_blog_experts .haut_page .partie_droite, .blog_expert .page_blog_experts .haut_page .partie_droite .partie_annonce, .blog_expert .page_blog_experts .haut_page .partie_droite .partage { width: 100%; } .blog_expert .page_blog_experts .haut_page .partie_droite .partie_annonce .abonnez_vous { padding: 20px; } .blog_expert .page_blog_experts .haut_page .partie_droite .partage { margin-top: 20px; align-items: center; justify-content: flex-start; } .blog_expert .page_blog_experts .haut_page .partie_droite .partage p { margin: 10px 20px 10px 0; } } @media screen and (max-width:700px) { .blog_expert .page_blog_experts .haut_page .partie_droite .partie_annonce .abonnez_vous { padding: 10px; } .blog_expert .page_blog_experts .block_blogs .block_blog { width: 49%; margin-bottom: 20px; } .blog_expert .page_dossier .tous_les_articles p { white-space: normal; } .blog_expert .page_dossier .tous_les_articles .vide { display: none; } .blog_expert .page_partenaire .tous_les_articles p { white-space: normal; } .blog_expert .page_partenaire .tous_les_articles .vide { display: none; } .blog_expert .page_article .partie_droite .bloggeur .identite, .blog_expert .page_article .partie_droite .bloggeur .description { width: 100%; } .blog_expert .page_tous_les_articles .block_articles .block_article { width: 100% } } @media screen and (max-width:640px) { .blog_expert .page_bloggeur .partie_droite .partie_annonce, .blog_expert .page_bloggeur .partie_droite .partie_dossier { width: 100% } .blog_expert .page_bloggeur .partie_droite .partie_annonce { order: 1; } .blog_expert .page_bloggeur .partie_droite .partie_dossier { order: 2; margin-top: 20px; } .blog_expert .page_blog_experts .block_partenaires .block_partenaire { width:100%; } } @media screen and (max-width:600px) { .blog_expert .page_blog_experts .haut_page .partie_droite .partie_annonce, .blog_expert .page_blog_experts .haut_page .partie_droite .partage { width: 100%; } .blog_expert .page_blog_experts .haut_page .partie_droite .partie_annonce .abonnez_vous { padding: 20px; } .blog_expert .page_blog_experts .haut_page .partie_droite .partage { margin-top: 20px; align-items: center; } .blog_expert .page_blog_experts .haut_page .partie_droite .partage p { margin: 10px 20px 10px 0; } } @media screen and (max-width:550px) { .blog_expert main { margin: 40px auto 20px; } .blog_expert header .logo p { font-size:18px; margin:14px 8px 0 0; } .blog_expert header .logo img { width:170px; } .blog_expert .page_blog_experts .haut_page .partie_gauche .en_tete { justify-content: center; } .blog_expert .page_blog_experts .haut_page .partie_gauche .en_tete img { margin: 0 auto; } .blog_expert .page_blog_experts .haut_page .partie_gauche .en_tete .info { width: 100%; margin-top: 20px; } .blog_expert .page_blog_experts .haut_page .partie_gauche .en_tete .info .info_plus img { width: 40px; margin-left:0; } .blog_expert .page_blog_experts .block_articles .block_article .illustration { display:none; } .blog_expert .page_bloggeur .partie_gauche .articles_de .vide { display: none; } .blog_expert .page_bloggeur .partie_gauche .articles_de p { white-space: normal; } .blog_expert .page_article .partie_gauche .block_article .illustrations a img { width: 100px; } .blog_expert .page_article .partie_gauche .block_SI .content_SI { justify-content: center; padding: 11px 23px; } .blog_expert .page_article .partie_gauche .block_SI .content_SI .produit { width: 171px; margin: 10px; } .blog_expert .page_article .partie_gauche .reaction .form_reaction #form_reaction_article .element label { width: 100%; text-align: left; padding: 0 0 5px 5px; } .blog_expert .page_article .partie_gauche .reaction .form_reaction #form_reaction_article .pseudo, .blog_expert .page_article .partie_gauche .reaction .form_reaction #form_reaction_article .checkboxs, .blog_expert .page_article .partie_gauche .reaction .form_reaction #form_reaction_article .element_message div, .blog_expert .page_article .partie_gauche .reaction .form_reaction #form_reaction_article .element_email div, .blog_expert .page_article .partie_gauche .reaction .form_reaction #form_reaction_article .element_mdp div, .blog_expert .page_article .partie_gauche .reaction .form_reaction #form_reaction_article .element_pseudo div { width: 100%; } .blog_expert .page_article .partie_gauche .reaction .form_reaction .intro { margin-left: 0; } } @media screen and (max-width:400px) { .blog_expert header .block_recherche form { flex-wrap: wrap; } .blog_expert header .block_recherche form input[type=submit] { margin: 15px auto 0; } .blog_expert .page_recherche form { flex-wrap: wrap; } .blog_expert .page_recherche form input[type=submit] { margin: 16px auto 0; } .blog_expert .page_blog_experts .derniers_articles p, .blog_expert .page_blog_experts .nouveaux_blogs p { line-height: 33px; min-height: initial; } .blog_expert .page_blog_experts .derniers_articles .vide, .blog_expert .page_blog_experts .nouveaux_blogs .vide { display: none; } .blog_expert .page_blog_experts .block_articles .block_article { flex-wrap: wrap; justify-content: center; } .blog_expert .page_blog_experts .block_articles .block_article img { margin: 10px 0 0; } .blog_expert .page_blog_experts .block_blogs .block_blog { width: 100%; } .blog_expert .page_blog_experts .block_blogs .block_blog:last-child { margin-bottom: 0; } .blog_expert .page_recherche .recherche p { white-space: normal; } .blog_expert .page_recherche .recherche .vide { display: none; } .blog_expert .page_recherche .block_articles .block_article .partie_1 p { width: 100%; margin-top: 10px; } .blog_expert .page_bloggeur .partie_gauche .bloggeur .illustration, .blog_expert .page_dossier .bloggeur .info .illustration, .blog_expert .page_partenaire .partenaire .info .illustration { margin: 0 auto; } .blog_expert .page_bloggeur .partie_gauche .bloggeur .info, .blog_expert .page_dossier .bloggeur .info .information, .blog_expert .page_partenaire .partenaire .info .information { width: 100%; margin-top: 10px; } .blog_expert .page_bloggeur .partie_gauche .block_articles .block_article .partie_1 p { width: 100%; margin-top: 10px; } .blog_expert .page_dossier .bloggeur .info .information { padding: 0; } .blog_expert .page_dossier .block_articles .block_article { flex-wrap: wrap; justify-content: center; } .blog_expert .page_dossier .block_articles .block_article img { margin: 10px 0 0; } .blog_expert .page_partenaire .partenaire .info .information { padding: 0; } .blog_expert .page_partenaire .block_articles .block_article { flex-wrap: wrap; justify-content: center; } .blog_expert .page_partenaire .block_articles .block_article img { margin: 10px 0 0; } .blog_expert .page_article .partie_gauche .block_article .toolbar { flex-direction: column; } .blog_expert .page_article .partie_gauche .block_article .toolbar .publication { margin-bottom:10px; } .blog_expert .page_article .partie_gauche .block_article .toolbar .vide { } .blog_expert .page_article .partie_gauche .block_article .toolbar .module_partage { flex-basis:auto; margin-top:6px; } .blog_expert .page_article .partie_gauche .block_article .dispo_revue .textes { line-height:19px; } .blog_expert .page_article .partie_gauche .block_article .dispo_revue .textes a { display:block; line-height:18px; padding-top:2px; } .blog_expert .page_article .partie_gauche .block_article .dispo_revue .textes span { display:none; } .blog_expert .page_article .partie_gauche .block_article .illustrations a img { width: 150px; margin: 10px; } .blog_expert .page_article .partie_droite .bloggeur .identite .illustration { margin: 0 auto; } .blog_expert .page_article .partie_droite .bloggeur .identite .informations { width: 100%; margin-top: 10px; padding: 0; } .blog_expert .page_tous_les_articles .tous_articles p { line-height: 33px; min-height: initial; } .blog_expert .page_tous_les_articles .tous_articles .vide { display: none; } .blog_expert .page_tous_les_articles .block_articles .block_article { justify-content: center; flex-wrap: wrap; } .blog_expert .page_tous_les_articles .block_articles .block_article img { margin: 10px 0 0; } }