/***** MON BLOG *****/ /* GENERAL */ *:focus { outline: none; } .header { z-index: 0; } /* Permet à la LightBox de gestion de dossier de passer par dessus le header*/ .blog_de { color: #da5e00; font-size: 18px; font-weight: bold; padding: 40px 0 20px 20px; border-top: solid 1px #dfdfdf; margin-top: 0; } .blog { background-color: #F9F9F9; border-radius: 8px; padding: 0px 20px 40px!important; } .blog p, .blog li, .blog a { margin: 0; color: #333; font-size: 14px;} .blog h2 { margin: 0!important; padding: 40px 0 22px; font-size: 20px !important; font-weight: normal; } .blog h3 { margin: 0!important; padding: 35px 0; font-size: 18px !important; color: #da5e00; } .blog button { border: none; padding: 0; color: #333; } .blog label { display: block; color: #333; font-size: 14px; margin-bottom: 7px; } .blog .bouton { background-color: #9d9d9c; padding: 7px 12px; color: white; border-radius: 5px; font-size: 14px; } .blog .bouton:active { outline: none; } .blog textarea, .blog input{ padding: 0 10px ; color: #333; border-radius: 5px; font-size: 14px; box-sizing: border-box; border: dotted 1px #dfdfdf; } .blog textarea { padding-top: 6px; padding-bottom: 6px; } .blog input { min-height: 36px; } .blog input[type="submit"], button { cursor: pointer; } .blog .limitation{ width: 100%; color: #a9a9a9; font-size: 11px; position: absolute; right: 4px; bottom: -14px; width: 125px; text-align: right; } .blog .confirmation, .blog .erreur { padding: 8px 14px; border-radius: 5px; margin-top: 45px; } .blog .confirmation { background-color: #d4e9da; } .blog .confirmation p { color: #1d5c2c; } .blog .erreur { background-color: #f1d9d9; } .blog .erreur p { color:#a03237; line-height: 20px; } /* MENU BLOG */ .blog .menu { margin: 0 -20px; border-bottom: solid 1px #dfdfdf; border-radius: 8px 8px 0 0; background-color: white; } .blog .current { background-color: #F9F9F9; /*z-index: -1;*/ } .blog .menu a { display: inline-block; padding: 10px 35px; border-right: solid 1px #dfdfdf; font-size: 15px; } .blog .menu a:first-child { margin-left: 0; border-top-left-radius: 8px; } .blog .menu a:hover { background-color: #F9F9F9; } .blog .menu a:first-child:hover { border-top-left-radius: 8px; } /* CGU */ .espace_vide { height: 50px; border-top: solid 1px #dfdfdf; } .cgu { border-radius: 1px; } .cgu .premiere_co { display: flex; flex-wrap: wrap; justify-content: center; margin: 25px 30px 70px 20px; } .cgu .premiere_co img { width: 265px; height: 204px; margin: 50px 40px 0 0; } .cgu .premiere_co div { width: calc(100% - 315px); } .cgu .premiere_co div h3 { font-size: 22px!important; padding-top: 25px; } .cgu .premiere_co div p { font-size: 16px; } .cgu .premiere_co div .gras { font-weight: bold; margin-bottom: 20px; } .cgu .corps_cgu { position: relative; } .cgu .corps_cgu #div_cgu { height: 250px; overflow: scroll; border: solid 1px #dfdfdf; border-top-left-radius: 5px; margin: 0 35px; } .cgu .corps_cgu #div_cgu .contour { padding: 30px 40px; border-right: solid 1px #dfdfdf; background-color: white; } .cgu .corps_cgu .validation { text-align: center; margin-top: -15px; opacity: .99; } .cgu .corps_cgu .validation #participer { display: none; } .cgu .corps_cgu .validation #participer button { border-radius: 5px; font-size: 16px; color: white; background-color: #f6a100; padding: 9px 25px; margin: 4px 0 10px; border: none; box-shadow: 0px 4px 5px rgba(0, 0, 0, .2); } .cgu .corps_cgu .validation #participer p { color: #e99904; font-size: 14px; margin: 0; } .cgu .corps_cgu .validation #btn_bas { margin-top: 4px; } .cgu .corps_cgu .validation button img { width: 25px; } .cgu .corps_confirmation { position: relative; } .cgu .corps_confirmation .div_confirmation { display: flex; flex-wrap: wrap; align-content: space-around; box-sizing: border-box; min-height: 250px; border: solid 1px #dfdfdf; border-radius: 5px; margin: 0 35px; padding: 30px 40px 40px; background-color: white; } .cgu .corps_confirmation .div_confirmation .attention { font-size: 17px; width: 100%; } .cgu .corps_confirmation .div_confirmation div { width: 100%} .cgu .corps_confirmation .div_confirmation .label, .cgu .corps_confirmation .div_confirmation .infos { font-size: 15px; display: inline-block; } .cgu .corps_confirmation .div_confirmation .label { font-weight: bold; margin-bottom: 5px; display: block; } .cgu .corps_confirmation .div_confirmation .infos { font-style: italic; } .cgu .corps_confirmation .div_confirmation .identite a { font-style: italic; border: solid 1px #dfdfdf; border-radius: 5px; padding: 2px 6px; margin-left: 10px; } .cgu .corps_confirmation form { text-align: center; margin-top: -15px; opacity: .99; } .cgu .corps_confirmation form input { color: white; background-color: #f6a100; padding: 9px 25px; margin-bottom: 10px; border: none; box-shadow: 0px 4px 5px rgba(0, 0, 0, .2); } /* style texte cgu */ .corps_cgu { font-size: 14px; } .corps_cgu p { margin-bottom: 10px; } .corps_cgu h2{ font-size: 20px; text-align: center; padding-bottom: 0; font-size: 23px!important; } .corps_cgu h3{ margin: 35px 0 20px!important; padding: 0; font-size: 16px!important; } .corps_cgu h3:first-child{ margin-top: 0!important; } .corps_cgu h4{ margin: 20px 0 15px; } .corps_cgu li{ margin-bottom: 15px; } .corps_cgu .ita-gras { font-weight: bold; font-style: italic; color: #999; } .corps_cgu .gras-vert { font-weight: bold; color: green; } .corps_cgu .gras-rouge{ font-weight: bold; color: red; } .corps_cgu .petit { font-size: 12px; color: #666; } .corps_cgu .db-surligne { color: #C95100; } .cgu .interdit { background:#C92121; color:#FFF; border-radius:4px; padding:15px; font-size:13px; font-weight:bold; font-style:italic; line-height:18px; text-align:center; margin:-20px 20px 0; } /* BIENVENUE */ .bienvenue .block_bienvenue { border: solid 1px #dfdfdf; border-radius: 5px; padding: 15px 20px; margin-top: 50px; background-color: white; box-shadow: 0px 4px 5px rgba(0, 0, 0, .2); } .bienvenue .block_bienvenue p:first-child { color: #da5e00; font-size: 17px; } .bienvenue .block_bienvenue ul { padding-left: 18px; margin: 20px 0; } .bienvenue .block_bienvenue ul li { font-size: 16px; line-height: 23px; } .bienvenue .block_bienvenue ul li a { text-decoration: underline; font-size: 16px; } .bienvenue .block_bienvenue p:last-child{ font-size: 16px; color: #838383; font-style: italic; text-align: right; font-weight: 100; } /* TABLEAU DE BORD */ .tableau_de_bord .abs_article, .tableau_de_bord .abs_dossier { text-align: center; font-style: italic; color: #7a7a79; } .tableau_de_bord .abs_article { padding: 40px 0; } .tableau_de_bord .abs_dossier { padding: 20px 0; } /* Notification */ .tableau_de_bord .notification { margin: 40px 0; } .tableau_de_bord .notification div { border: solid 1px #dfdfdf; background-color: white; padding: 10px 0 10px 20px; border-radius: 5px; } .tableau_de_bord .notification div:last-child { margin-top: 20px; } .tableau_de_bord .notification div a { color: #da5e00; font-size: 16px; } .tableau_de_bord .notification div a .souligne { text-decoration: underline; } /* Ajout articles */ .tableau_de_bord .ajout_article { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .tableau_de_bord .ajout_article a { display: flex; flex-wrap: wrap; align-items: center; } .tableau_de_bord .ajout_article a span { margin-left: 8px; } .tableau_de_bord .ajout_article a img { width: 18px; } .tableau_de_bord .ajout_article .vide { border-top: solid 2px #C9C9C9; width: calc(100% - 209px); } /* Articles en cours */ .tableau_de_bord .articles_en_cours h2 { color: #757575; text-align: center; } .tableau_de_bord .articles_en_cours .tab_attente { border: dashed 2.5px #dfdfdf; background-color: white; } .tableau_de_bord .articles_en_cours .tab_attente .tab_liste { border-bottom: solid 1px #dfdfdf; padding: 14px 35px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .tableau_de_bord .articles_en_cours .tab_attente .tab_liste:last-child { border-bottom: none; } .tableau_de_bord .articles_en_cours .tab_attente .tab_liste div { box-sizing: border-box; font-size: 14px; } .tableau_de_bord .articles_en_cours .tab_attente .tab_liste .tab_titre { width: 55%; } .tableau_de_bord .articles_en_cours .tab_attente .tab_liste .tab_titre p { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 15px; } .tableau_de_bord .articles_en_cours .tab_attente .tab_liste .tab_statut { width: 20%; } .tableau_de_bord .articles_en_cours .tab_attente .tab_liste .tab_statut p { color: #7a7a7a; text-align: center; } .tableau_de_bord .articles_en_cours .tab_attente .tab_liste .tab_btn_editer { width: 13%; } .tableau_de_bord .articles_en_cours .tab_attente .tab_liste .tab_btn_editer button, .tableau_de_bord .articles_en_cours .tab_attente .tab_liste .tab_btn_editer a { color: #1d7f15; display: flex; align-items: center; justify-content: center; width: 100%; } .tableau_de_bord .articles_en_cours .tab_attente .tab_liste .tab_btn_editer button img, .tableau_de_bord .articles_en_cours .tab_attente .tab_liste .tab_btn_editer a img { width: 17px; margin-right: 10px; } .tableau_de_bord .articles_en_cours .tab_attente .tab_liste .tab_btn_editer button .je_modifie, .tableau_de_bord .articles_en_cours .tab_attente .tab_liste .tab_btn_editer a .je_modifie { text-align: center; font-size: 14px; } .tableau_de_bord .articles_en_cours .tab_attente .tab_liste .tab_btn_editer button .sans_abonnement { color: #7a7a7a; } .tableau_de_bord .articles_en_cours .tab_attente .tab_liste .tab_btn_supprimer { width: 16px; } .tableau_de_bord .articles_en_cours .tab_attente .tab_liste .tab_btn_supprimer img { width: 16px; } /* Articles publiés */ .tableau_de_bord .articles_publies h2 { color: #f6a100; text-align: center; } .tableau_de_bord .articles_publies .tab_publie { background-color: white; } .tableau_de_bord .articles_publies .tab_publie .entete { background-color: #f6a100; display: flex; flex-wrap: wrap; font-size: 16px; box-shadow: 0px 4px 5px rgba(0, 0, 0, .2); } .tableau_de_bord .articles_publies .tab_publie .entete .liste_entete { border-right: solid 1px white; box-sizing: border-box; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; padding: 5px 0; } .tableau_de_bord .articles_publies .tab_publie .entete .liste_entete p { color: white; font-size: 16px; } .tableau_de_bord .articles_publies .tab_publie .entete .liste_entete:last-child { border-right: none; } .tableau_de_bord .articles_publies .tab_publie .entete .entete_titre { width: 54%; } .tableau_de_bord .articles_publies .tab_publie .entete .entete_date { width: 13%; } .tableau_de_bord .articles_publies .tab_publie .entete .entete_dossier { width: 20%; } .tableau_de_bord .articles_publies .tab_publie .entete .entete_statistique { width: 13%; font-size: 12px; background-color: #f9c054; } .tableau_de_bord .articles_publies .tab_publie .entete .entete_statistique p { font-size: 12px; } .tableau_de_bord .articles_publies .tab_publie .entete .entete_statistique div { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-around; width: 100%; margin-top: 5px; } .tableau_de_bord .articles_publies .tab_publie .entete .entete_statistique img:first-child { width: 18px; } .tableau_de_bord .articles_publies .tab_publie .entete .entete_statistique img:last-child { width: 17px; } .tableau_de_bord .articles_publies .tab_publie .contenu { border-left: solid 1px #dfdfdf; border-right: solid 1px #dfdfdf; } .tableau_de_bord .articles_publies .tab_publie .contenu .liste_contenu { width: 100%; display: flex; flex-wrap: wrap; text-align: center; box-sizing: border-box; border-bottom: solid 1px #dfdfdf; font-size: 14px; } .tableau_de_bord .articles_publies .tab_publie .contenu .liste_contenu .tab_titre, .tableau_de_bord .articles_publies .tab_publie .contenu .liste_contenu .tab_date { display: flex; align-items: center; } .tableau_de_bord .articles_publies .tab_publie .contenu .liste_contenu .tab_date { justify-content: center; } .tableau_de_bord .articles_publies .tab_publie .contenu .liste_contenu div { border-right: solid 1px #dfdfdf; box-sizing: border-box; } .tableau_de_bord .articles_publies .tab_publie .contenu .liste_contenu div:last-child { border-right: none; } .tableau_de_bord .articles_publies .tab_publie .contenu .liste_contenu .tab_titre { width: 54%; padding: 0 20px; } .tableau_de_bord .articles_publies .tab_publie .contenu .liste_contenu .tab_titre a { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 14px 0; display: block; text-align: left; font-size: 15px; } .tableau_de_bord .articles_publies .tab_publie .contenu .liste_contenu .tab_titre a:hover { text-decoration: underline; } .tableau_de_bord .articles_publies .tab_publie .contenu .liste_contenu .tab_date p, .tableau_de_bord .articles_publies .tab_publie .contenu .liste_contenu .tab_dossier p, .tableau_de_bord .articles_publies .tab_publie .contenu .liste_contenu .tab_statistique p { color: #7a7a7a; } .tableau_de_bord .articles_publies .tab_publie .contenu .liste_contenu .tab_date { width: 13%; text-align: center; } .tableau_de_bord .articles_publies .tab_publie .contenu .liste_contenu .tab_dossier { width: 20%; text-align: center; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 0 19px; } .tableau_de_bord .articles_publies .tab_publie .contenu .liste_contenu .tab_dossier p { width: 80%; text-align: left; } .tableau_de_bord .articles_publies .tab_publie .contenu .liste_contenu .tab_dossier button { background-color: white; width: 20%; text-align: right; } .tableau_de_bord .articles_publies .tab_publie .contenu .liste_contenu .tab_dossier button img { width: 17px; } .tableau_de_bord .articles_publies .tab_publie .contenu .liste_contenu .tab_statistique { width: 13%; display: flex; flex-wrap: wrap; justify-content: space-around; align-items: center; } .tableau_de_bord .articles_publies .tab_publie .contenu .liste_contenu .tab_statistique p img { display: none; } .tableau_de_bord .articles_publies .tab_publie .contenu .modif_dossier { justify-content: flex-end; display: none; padding: 14px 0; } .tableau_de_bord .articles_publies .tab_publie .contenu .modif_dossier form { display: flex; flex-wrap: wrap; align-items: center; margin-right: 14%; width: 30%; } .tableau_de_bord .articles_publies .tab_publie .contenu .modif_dossier form select { font-size: 14px; border-color: #dfdfdf; background-color: white; color: #7a7a7a; width: calc(100% - 61px); } .tableau_de_bord .articles_publies .tab_publie .contenu .modif_dossier form button { background-color: white; } .tableau_de_bord .articles_publies .tab_publie .contenu .modif_dossier form button.valider img { width: 19px; padding-left: 15px; } .tableau_de_bord .articles_publies .tab_publie .contenu .modif_dossier form button.annuler img { width: 15px; padding-left: 12px; } .tableau_de_bord .articles_publies .tab_publie .pagination { box-sizing: border-box; height: 46px; background-color: #dfdfdf; border-radius: 0 0 5px 5px; padding: 7px 7px 7px 15px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .tableau_de_bord .articles_publies .tab_publie .pagination .modif_article { font-style: italic; } .tableau_de_bord .articles_publies .tab_publie .pagination .modif_article:hover { text-decoration: underline; } .tableau_de_bord .articles_publies .tab_publie .pagination div { display: flex; flex-wrap: wrap; align-items: center; } .tableau_de_bord .articles_publies .tab_publie .pagination div a { border: solid 1px #dfdfdf; border-radius: 5px; padding: 5px 5px; display: inline-block; font-size: 14px; } .tableau_de_bord .articles_publies .tab_publie .pagination div img { width: 20px; } .tableau_de_bord .articles_publies .tab_publie .pagination div p { margin: 0 4px; font-size: 16px; display: inline-block; font-weight: bold; } /* Dossier */ .tableau_de_bord .dossier h2 { color: #757575; text-align: center; } .tableau_de_bord .dossier #tab_dossier { background-color: white; border: solid 1px #dfdfdf; border-radius: 5px; padding: 21px 0; display: flex; flex-wrap: wrap; justify-content: center; } .tableau_de_bord .dossier #tab_dossier .div_dossier { font-size: 14px; background-color: #F9F9F9; border: solid 1px #dfdfdf; border-radius: 10px; padding: 5px 15px; margin: 7px 15px; display: flex; align-items: center; } .tableau_de_bord .dossier #tab_dossier .div_dossier .editer { background-color: initial; } .tableau_de_bord .dossier #tab_dossier .div_dossier img { margin-left: 10px; } .tableau_de_bord .dossier #tab_dossier .div_dossier .editer img { width: 17px; } .tableau_de_bord .dossier #tab_dossier .div_dossier .supprimer img { width: 16px; } .tableau_de_bord .dossier #tab_dossier .block_btn_ajout { width: 100%; margin-top: 20px; } .tableau_de_bord .dossier #tab_dossier .block_btn_ajout .btn_ajout_dossier { display: flex; flex-wrap: wrap; align-items: center; margin: 0 auto; } .tableau_de_bord .dossier #tab_dossier .block_btn_ajout .btn_ajout_dossier span { margin-left: 8px; } .tableau_de_bord .dossier #tab_dossier .block_btn_ajout .btn_ajout_dossier img { width: 18px; } #lightbox { display:table; overflow:auto; position:fixed; top:0px; left:0px; background:rgba(0,0,0,0.7); z-index:100; width:100%; height:100%; vertical-align:middle; } #lightbox .black { display:table-cell; vertical-align:middle; } #lightbox .black .white { position:relative; overflow:hidden; width:350px; padding:30px 20px; background:#F9F9F9; margin:0 auto; border-radius:6px; box-shadow:0 0 40px rgba(0,0,0,0.6); } #lightbox .black .white .erreur { display: none; margin: 0 0 15px; } .tableau_de_bord .dossier #lightbox_content form div { margin-bottom: 15px; position: relative; } .tableau_de_bord .dossier #lightbox_content form div input, .tableau_de_bord .dossier #lightbox_content form div textarea { width: 100%; } .tableau_de_bord .dossier #lightbox_content form div textarea { height: 130px; min-height: 130px; min-width: 100%; max-width: 100%; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; } .tableau_de_bord .dossier #lightbox_content form .btn { display: flex; flex-wrap: wrap; justify-content: center; margin-top: 30px; } .tableau_de_bord .dossier #lightbox_content form .btn input[type="submit"] { width: inherit; display: block; margin: 0 20px 10px 0; color: #1d7f15; border: solid 1px #1d7f15; background-color: white; } .tableau_de_bord .dossier #lightbox_content form .btn #annuler { background-color: white; color: #9d9d9c; border: dashed 1px #9d9d9c; padding: 0 10px; border-radius: 5px; font-size: 14px; display: block; min-height: 36px; margin-bottom: 10px; } /* GESTION ARTICLES */ .gestion_article .bulle_message { border: dashed 1.3px #f6a100; border-radius: 30px; margin: 0 60px; padding: 15px; background-color: #efefef; } .gestion_article .bulle_message p { margin-bottom: 5px; } .gestion_article #dernier_message_moderateur { margin-bottom: 25px; border-top-left-radius: 0; } .gestion_article #dernier_message_moderateur p:last-child { font-style: italic; } .gestion_article form .block { margin-bottom: 34px; position: relative; } .gestion_article form .block input, .gestion_article form .block textarea { width: 100%; } .gestion_article form .block .limitation { color: #a9a9a9; } .gestion_article form .block_chapeau textarea { resize: none; height: 80px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; } .gestion_article form .block_dossier div { display: flex; position: relative; } .gestion_article form .block_dossier div select { height: 36px; background-color: white; border: dotted 1px #dfdfdf; border-radius: 5px; font-size: 14px; min-width: 220px; } .gestion_article form .block_dossier div input { width: 100%; margin-left: 30px; } .gestion_article form .block_coauteur div { display: flex; position: relative; } .gestion_article form .block_coauteur div select { height: 36px; background-color: white; border: dotted 1px #dfdfdf; border-radius: 5px; font-size: 14px; min-width: 220px; } .gestion_article form .block_coauteur div input { width: 100%; margin-left: 30px; } .gestion_article form .block_texte .tox-tinymce { border: dotted 1px #dfdfdf; border-radius: 5px; } .gestion_article form .block_texte .tox-tinymce .tox-statusbar { border-top: none; } .gestion_article form .block_texte .tox-tinymce .tox-toolbar__group { border-right: dotted 1px #dfdfdf; } .gestion_article form .block_texte .tox-tinymce .tox-toolbar__group:last-child { border-right: none; } .gestion_article form .block_illustrations { display: flex; flex-wrap: wrap; justify-content: space-between; } .gestion_article form .block_illustrations label{ width: 100%; } .gestion_article form .block_illustrations label span { color: #a9a9a9; font-size: 11px; } .gestion_article form .block_illustrations .block_illustration { width: 31%; position: relative; } .gestion_article form .block_illustrations .block_illustration a { display: block; width: 100%; } .gestion_article form .block_illustrations .block_illustration a img { width: 100%; } .gestion_article form .block_illustrations .block_illustration div { position: relative; display: none; height: 200px; overflow: hidden; border: dotted 1px #dfdfdf; border-radius: 5px; max-width: 200px; margin: 0 auto; } .gestion_article form .block_illustrations .block_illustration div button { width: 24px; height: 24px; position: absolute; right: 8px; background-color: inherit; border: none; } .gestion_article form .block_illustrations .block_illustration div button img { width: 24px; height: 24px; } .gestion_article form .block_illustrations .block_illustration div .btn_supprimer { top: 8px; } .gestion_article form .block_illustrations .block_illustration div .btn_download { top: 40px; } .gestion_article form .block_illustrations .block_illustration .btn_sans_ill { overflow: hidden; width: 100%; max-width: 200px; height: 200px; background-color: white; border: dotted 1px #dfdfdf; border-radius: 5px; display: block; margin: 0 auto; } .gestion_article form .block_illustrations .block_illustration .btn_sans_ill img { width: 82px; margin: auto; } .gestion_article form .block_illustrations .block_illustration .btn_sans_ill .image_tampon{ width: 100%; } .gestion_article form .block_illustrations .block_illustration .btn_sans_ill .download_check { display: none; } .gestion_article form .block_illustrations .block_illustration input[type="file"] { position: absolute; height: 1px; width: 1px; bottom: 100px; left: 100px; z-index: -5; } .gestion_article form .block_illustrations .block_illustration .input_legende { margin: 10px 0; } .gestion_article form .block_hashtags input { width:30%; margin-right:1%; box-sizing:border-box; } .gestion_article form .block_echange .btn #btn_historique { border: dotted 1px #dfdfdf; border-radius: 5px; padding: 8px 16px; font-size: 14px; background-color: #eee; display: flex; flex-wrap: wrap; align-items: center; margin: 34px auto; } .gestion_article form .block_echange .btn #btn_historique p { margin-right: 12px; } .gestion_article form .block_echange .btn #btn_historique img { width: 22px; } .gestion_article form .block_echange .btn #btn_historique #img_fermer_historique { display: none; } .gestion_article form .block_echange #historique_echange { display: none; max-height: 300px; overflow: auto; box-sizing: border-box; width: 800px; margin: 0 auto; } .gestion_article form .block_echange #historique_echange .cadre { border: dotted 1px #dfdfdf; border-radius: 5px; margin-right: 12px; box-sizing: border-box; } .gestion_article form .block_echange #historique_echange .cadre .cadre2 { display: flex; flex-wrap: wrap; align-items: center; background-color: white; padding: 10px 20px; } .gestion_article form .block_echange #historique_echange .cadre .cadre2 .vide { width: 6%; } .gestion_article form .block_echange #historique_echange .cadre .cadre2 .message_modérateur, .gestion_article form .block_echange #historique_echange .cadre .cadre2 .message_bloggeur { padding: 10px 15px 15px; width: 90%; margin: 10px 0; border: none; box-sizing: border-box; } .gestion_article form .block_echange #historique_echange .cadre .cadre2 .message_modérateur { background-color: #eee; border-top-left-radius: 0; } .gestion_article form .block_echange #historique_echange .cadre .cadre2 .message_bloggeur { background-color: #f6f6f6; border-top-right-radius: 0; } .gestion_article form .block_message { display: flex; justify-content: center; } .gestion_article form .block_message textarea { height: 48px; min-height: 48px; margin: 0; max-width: 800px; min-width: 800px; border-radius: 30px; border-top-right-radius: 0; border: none; } .gestion_article form .block_message textarea::placeholder { font-style: italic; } .gestion_article form .btn_enregister { display: flex; flex-wrap: wrap; justify-content: center; } .gestion_article form .btn_enregister button { padding: 6px 10px 6px 35px; font-size: 14px; min-height: 36px; border-radius: 5px; } .gestion_article form .btn_enregister .btn_enregistrer { background: url('/images/interface/mon_environnement/mon-blog/pen-gris.png') no-repeat 10px center; background-size: 17px; background-color: white; color:#9d9d9c; border: dashed 1px #9d9d9c; margin-right: 20px; } .gestion_article form .btn_enregister .btn_validation { background: url('/images/interface/mon_environnement/mon-blog/check-vert.png') no-repeat 10px center; background-size: 19px; background-color: white; color: #1d7f15; border: solid 1px #1d7f15; } .gestion_article form .btn_enregister p { color: #A9A9A9; font-size: 11px; text-align:center; width: 100%; margin-top: 20px; } .gestion_article form .btn_enregister p a { text-decoration: underline; color: #A9A9A9; font-size: 12px; } #cgu { max-width: 1000px; } /* GESTION REACTION */ .gestion_reaction .abs_commentaire { margin-top: 35px; text-align: center; font-size: 16px; font-style: italic; } .gestion_reaction .groupe_block .block_article { margin-top: 45px; } .gestion_reaction .groupe_block .block_article:first-child { margin-top: 0; } .gestion_reaction .groupe_block .block_article .titre { border: solid 1px #dfdfdf; border-radius: 5px; padding: 15px; background-color: white; margin-bottom: 18px; } .gestion_reaction .groupe_block .block_article .titre a, .gestion_reaction .groupe_block .block_article .titre p { display: inline-block; } .gestion_reaction .groupe_block .block_article .titre a { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 70%; font-weight: bold; } .gestion_reaction .groupe_block .block_article .titre a:hover { text-decoration: underline; } .gestion_reaction .groupe_block .block_article .titre p { width: 30%; text-align: right; color: #da5e00; } .gestion_reaction .groupe_block .block_article .block_reaction { margin-left: 40px; } .gestion_reaction .groupe_block .block_article .block_reaction .reaction { border: solid 1px #dfdfdf; border-radius: 3px; padding: 7px 15px; margin-top: 12px; background-color: white; display: flex; flex-wrap: wrap; justify-content: space-between; } .gestion_reaction .groupe_block .block_article .block_reaction .reaction .corps_reaction { width: calc(100% - 125px); } .gestion_reaction .groupe_block .block_article .block_reaction .reaction .corps_reaction p:first-child { padding-bottom: 3px; } .gestion_reaction .groupe_block .block_article .block_reaction .reaction .corps_reaction button { font-weight: bold; font-size: 105%; margin-left: 5px; background-color: white; } .gestion_reaction .groupe_block .block_article .block_reaction .reaction .corps_reaction .reaction_plus { display: none; } .gestion_reaction .groupe_block .block_article .block_reaction .reaction .btn { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; width: 65px; } .gestion_reaction .groupe_block .block_article .block_reaction .reaction .btn .valider, .gestion_reaction .groupe_block .block_article .block_reaction .reaction .btn .supprimer { display: inline-block; height: 25px; width: 25px; border: solid 1px #dfdfdf; border-radius: 2px; display: flex; justify-content: center; align-items: center; } .gestion_reaction .groupe_block .block_article .block_reaction .reaction .btn .valider img { width: 16px; } .gestion_reaction .groupe_block .block_article .block_reaction .reaction .btn .supprimer img { width: 14px; } /* PRESENTATION DU BLOG */ .presentation h2 { text-align: left; color: #da5e00; } .presentation form { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; } .presentation form textarea, .presentation form .illustration button, .presentation form input { display: block; width: 100%; resize: none; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif!important; } .presentation form .identite, .presentation form .description, .presentation form .illustration, .presentation form .copyright, .presentation form .linkedin, .presentation form .btn_enregistrer { margin-bottom: 30px } .presentation form .identite { width: calc(40% + 245px); display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; } .presentation form .identite p { width: 40%; border: dotted 1px #dfdfdf; border-radius: 5px; height: 36px; line-height: 36px; padding: 0 10px; box-sizing: border-box; background-color: white; color: #b9b9b9; } .presentation form .identite .block_fonction { position: relative; width: 54%; } .presentation form .description { width: 100%; position: relative; } .presentation form .description textarea { height: 120px; } .presentation form .illustration { width: 200px; position: relative; } .presentation form .illustration label { margin-bottom: 0; } .presentation form .illustration .format { color: #a9a9a9; font-size: 11px; margin-bottom: 10px; } .presentation form .illustration .block_illustration { position: relative; display: none; border: dotted 1px #dfdfdf; border-radius: 5px; overflow: hidden; } .presentation form .illustration .block_illustration button { width: 24px; height: 24px; position: absolute; right: 8px; background-color: inherit; border: none; } .presentation form .illustration .block_illustration button img { width: 24px; height: 24px; } .presentation form .illustration .block_illustration .btn_supprimer { top: 8px; } .presentation form .illustration .block_illustration .btn_download { top: 40px; } .presentation form .illustration img{ width: 200px; } .presentation form .illustration button.btn_sans_ill { overflow: hidden; height: 200px; width: 100%; display: none; background-color: white; border: dotted 1px #dfdfdf; border-radius: 5px; } .presentation form .illustration button.btn_sans_ill #download_check { display: none; } .presentation form .illustration button img { margin: auto; width: 82px; height: 82px; } .presentation form .illustration button #image_tampon { display: none; width: 100%; height: initial; } .presentation form .illustration input { position: absolute; height: 1px; width: 1px; bottom: 100px; left: 100px; z-index: -5; } .presentation form .copyright { width: 40%; margin-right: calc(60% - 245px); } .presentation form .linkedin { width: calc(40% + 245px); } .presentation form .btn_enregistrer input { background: url('/images/interface/mon_environnement/mon-blog/pen-vert.png') no-repeat 7px center; background-size: 17px; color: #1d7f15; border: solid 1px #1d7f15; padding-left: 28px; } /* RESPONSIVE */ @media screen and (max-width:1000px) { .tableau_de_bord .articles_publies .tab_publie .entete { display: none; } .tableau_de_bord .articles_publies .tab_publie .contenu { border-top: solid 1px #dfdfdf; } .tableau_de_bord .articles_publies .tab_publie .contenu .liste_contenu { padding: 14px 20px; justify-content: space-around } .tableau_de_bord .articles_publies .tab_publie .contenu .liste_contenu div {border: none; } .tableau_de_bord .articles_publies .tab_publie .contenu .liste_contenu .tab_titre { width: 100%; padding: 0; border-bottom: dashed 1px #dfdfdf; margin-bottom: 8px; padding-bottom: 8px; } .tableau_de_bord .articles_publies .tab_publie .contenu .liste_contenu .tab_titre a { width: 100%; padding: 0; } .tableau_de_bord .articles_publies .tab_publie .contenu .liste_contenu .tab_date{ width: 100px; display: flex; align-items: center; justify-content: center; } .tableau_de_bord .articles_publies .tab_publie .contenu .liste_contenu .tab_dossier { width: 176px; } .tableau_de_bord .articles_publies .tab_publie .contenu .liste_contenu .tab_statistique { width: 110px; justify-content: center; } .tableau_de_bord .articles_publies .tab_publie .contenu .liste_contenu .tab_statistique .tab_vue, .tableau_de_bord .articles_publies .tab_publie .contenu .liste_contenu .tab_statistique .tab_commentaire { display: flex; flex-wrap: wrap; align-items: center; } .tableau_de_bord .articles_publies .tab_publie .contenu .liste_contenu .tab_statistique .tab_vue span, .tableau_de_bord .articles_publies .tab_publie .contenu .liste_contenu .tab_statistique .tab_commentaire span { margin-right: 5px; } .tableau_de_bord .articles_publies .tab_publie .contenu .liste_contenu .tab_statistique .tab_vue img { width: 18px; } .tableau_de_bord .articles_publies .tab_publie .contenu .liste_contenu .tab_statistique .tab_commentaire img { width: 17px; } .tableau_de_bord .articles_publies .tab_publie .contenu .liste_contenu .tab_statistique .tab_vue { margin-right: 14%; margin- } .tableau_de_bord .articles_publies .tab_publie .contenu .liste_contenu .tab_statistique p img { display: inline-block; } } @media screen and (max-width:900px) { .gestion_article form .block_message textarea { max-width: 100%; min-width: 100%; } .gestion_article form .block_echange #historique_echange { width: 100%; } } @media screen and (max-width:835px) { .gestion_article form .block_illustrations .block_illustration .btn_sans_ill, .gestion_article form .block_illustrations .block_illustration div, .gestion_article form .block_illustrations .block_illustration a { height: 150px; } .gestion_article form .block_illustrations .block_illustration div, .gestion_article form .block_illustrations .block_illustration .btn_sans_ill { width: 150px; } } @media screen and (max-width:800px) { .blog .blog_de { font-size: 16px; } .blog h2 { font-size: 16px!important; } .blog .bouton { font-size: 14px; } .cgu .premiere_co div h3 { font-size: 20px!important; } .cgu .premiere_co div p { font-size: 14px; } .cgu .corps_cgu .validation #participer p { font-size: 12px; } .cgu .corps_cgu p { font-size: 12px; } .cgu .corps_cgu h2{ font-size: 18px; } .cgu .corps_cgu h3{ font-size: 18px; } .corps_cgu li { font-size: 12px; } .cgu .corps_cgu .petit { font-size: 10px; } .cgu .corps_cgu #div_cgu { margin: 0; } .cgu .corps_confirmation .div_confirmation .attention { font-size: 15px; } .cgu .corps_confirmation .div_confirmation .label, .cgu .corps_confirmation .div_confirmation .infos { font-size: 13px; } .cgu .corps_confirmation .div_confirmation .identite a { font-size: 12px; } .tableau_de_bord .articles_en_cours .tab_attente .tab_liste { padding: 14px 20px; } .gestion_reaction .block_article .block_reaction .reaction .corps_reaction { width: calc(100% - 100px) } .presentation form .identite { width: 100%; } .presentation form .btn_enregistrer { width: 100%; } .presentation form .btn_enregistrer input { width: initial; margin: 0 auto; } } @media screen and (max-width:783px) { .gestion_article .bulle_message { margin: 0 30px; } .gestion_article form .btn_enregister button:first-child { margin-bottom: 20px; } } @media screen and (max-width:725px) { .cgu .premiere_co { margin: 25px 10px 45px; } .cgu .premiere_co img { display: none; } .cgu .premiere_co div { width: 100%; } .cgu .premiere_co div h3 { text-align: center; } .tableau_de_bord .articles_en_cours .tab_attente .tab_liste { padding: 14px 14px; } .tableau_de_bord .articles_en_cours .tab_attente .tab_liste .tab_titre { width: 100%; } .tableau_de_bord .articles_en_cours .tab_attente .tab_liste .tab_statut, .tableau_de_bord .articles_en_cours .tab_attente .tab_liste .tab_btn_editer, .tableau_de_bord .articles_en_cours .tab_attente .tab_liste .tab_btn_supprimer { margin-top: 10px; } .tableau_de_bord .articles_en_cours .tab_attente .tab_liste .tab_titre p { border-bottom: dashed 1px #dfdfdf; padding-bottom: 8px; } .tableau_de_bord .articles_en_cours .tab_attente .tab_liste .tab_statut { width: 40%; } .tableau_de_bord .articles_en_cours .tab_attente .tab_liste .tab_statut p { text-align: left; } .tableau_de_bord .articles_en_cours .tab_attente .tab_liste .tab_btn_editer { width: 40%; } .tableau_de_bord .articles_en_cours .tab_attente .tab_liste .tab_btn_editer button, .tableau_de_bord .articles_en_cours .tab_attente .tab_liste .tab_btn_editer a { justify-content: flex-start; } .tableau_de_bord .articles_en_cours .tab_attente .tab_liste .tab_btn_supprimer { width: 16px; } .gestion_article form .btn_enregister button:first-child { margin: 0 0 20px 0; } .presentation form .copyright { width: calc(100% - 245px)!important; margin-right: 0!important; } .presentation form .linkedin { width: 100%!important; } } @media screen and (max-width:675px) { .cgu .corps_confirmation .div_confirmation { margin: 0; } .tableau_de_bord .articles_publies .tab_publie .contenu .liste_contenu { justify-content: space-between; } .gestion_article form .block_illustrations { justify-content: space-around; justify-items: center; } .gestion_article form .block_illustrations .block_illustration { width: 43%; } .gestion_article form .block_illustrations div.block_illustration:last-child { margin-top: 10px; } .gestion_article form .block_message textarea { height: 80px; } .recommandation .etapes{flex-wrap: wrap;margin: 60px 0 75px;} .recommandation .etape_1, .recommandation .etape_2, .recommandation .etape_3 {flex-basis: 100%;margin: 0 20px 30px;} .recommandation .titre .top_titre {flex-wrap: wrap;justify-content: center;} .recommandation .titre .top_titre h2{flex-basis: 100%;text-align: center;font-size: 22px;margin: 20px 0 0;} .recommandation .etapes {margin: 60px 0 0px;} .recommandation .bloc_reseaux h2 {font-size: 21px;} .recommandation .remerciement{font-size: 18px;} } @media screen and (max-width:600px) { .blog .menu { display: flex; height: 37px; text-align: center; } .blog .menu a {padding: 10px 25px; } .blog .menu a:last-child { width: 40%; border-right: none; } } @media screen and (max-width:529px) { .blog .menu a {padding: 10px 18px; } .tableau_de_bord .articles_publies .tab_publie .contenu .liste_contenu .tab_dossier { margin-top: 5px; order: 1; width: 100%; justify-content: center; } .tableau_de_bord .articles_publies .tab_publie .contenu .liste_contenu .tab_dossier p { width: 123px; } .tableau_de_bord .articles_publies .tab_publie .contenu .liste_contenu .tab_dossier button { width: initial; } } @media screen and (max-width:525px) { .blog h3 { padding: 35px 0; } .cgu .corps_confirmation .div_confirmation { padding: 10px 20px 20px; } .cgu .corps_confirmation .div_confirmation .attention, .cgu .corps_confirmation .div_confirmation .identite, .cgu .corps_confirmation .div_confirmation .url { margin-bottom: 10px; } .cgu .corps_confirmation .div_confirmation .label { margin-bottom: 2px; } .gestion_article form .block_dossier div { flex-wrap: wrap; } .gestion_article form .block_dossier div input { margin-left: 0; margin-top: 10px; } .gestion_article form .block_coauteur div { flex-wrap: wrap; } .gestion_article form .block_coauteur div input { margin-left: 0; margin-top: 10px; } .gestion_article form .block_illustrations { justify-content: center } .gestion_article form .block_illustrations .block_illustration { width: 80%; margin-bottom: 15px; } .gestion_article form .block_illustrations div.block_illustration:last-child { margin-bottom: 0; margin-top: 0; } .gestion_article form .block_echange { padding: 0; } .gestion_article form .block_message textarea { height: 12ç0px; } .gestion_article form .block_illustrations .block_illustration .btn_sans_ill, .gestion_article form .block_illustrations .block_illustration div, .gestion_article form .block_illustrations .block_illustration a { height: 200px; } .gestion_article form .block_illustrations .block_illustration div, .gestion_article form .block_illustrations .block_illustration .btn_sans_ill { width: 200px; } .gestion_reaction .groupe_block .block_article { margin-top: 35px; } .gestion_reaction .groupe_block .block_article .titre { display: flex; flex-wrap: wrap; margin-bottom: 13px; } .gestion_reaction .groupe_block .block_article .titre a, .gestion_reaction .groupe_block .block_article .titre p { width: 100%; text-align: left; } .gestion_reaction .groupe_block .block_article .titre p { margin-top: 5px; } .gestion_reaction .groupe_block .block_article .block_reaction { margin-left: 30px; } .gestion_reaction .groupe_block .block_article .block_reaction .reaction { justify-content: center; margin-top: 10px; } .gestion_reaction .groupe_block .block_article .block_reaction .reaction .corps_reaction { width: 100%; } .gestion_reaction .groupe_block .block_article .block_reaction .reaction .btn { margin: 10px 0 5px; } .presentation form { justify-content: center!important; } .presentation form .identite p { width: 100%; } .presentation form .identite .block_fonction { width: 100%; margin-top: 10px; } .presentation form .copyright { width: 100%!important; } } @media screen and (max-width:475px) { .blog .menu a span { display: none; } } @media screen and (max-width:430px) { .tableau_de_bord .ajout_article a { margin: 0 auto; } .tableau_de_bord .ajout_article .vide { display: none; } .gestion_article .bulle_message { margin: 0 0 20px; padding: 15px; } .gestion_article form .block_message textarea { max-width: 100% ; min-width: 100%; } .gestion_article form .block_illustrations .block_illustration { width: 90%; } .gestion_article form .block_hashtags input { width:100%; margin-right:0; margin-bottom:10px; box-sizing:border-box; } } @media screen and (max-width:400px) { .blog .menu { flex-wrap: wrap; height: inherit; } .blog .menu a { padding: 10px 25px; width: 100%; text-align: left; border-bottom: solid 1px #dfdfdf; } .blog .menu a:last-child { width: 100%!important; border: none; } .blog .menu a span { display: inline-block; } } @media screen and (max-width:360px) { .cgu .corps_confirmation .div_confirmation .label { margin: 2px auto 0; } .cgu .corps_confirmation .div_confirmation .label, .cgu .corps_confirmation .div_confirmation .infos { text-align: center; } .cgu .corps_confirmation .div_confirmation .infos { display: block; } .cgu .corps_confirmation .div_confirmation .identite a { display: block; margin: 2px auto 0; width: 60px; text-align: center; } } @media screen and (max-width:330px) { .gestion_article form .block_echange .btn #btn_historique p { margin: 0 auto; } .gestion_article form .block_echange .btn #btn_historique img { margin: 6px auto 0; padding: 0 10px; } .gestion_article form .block_illustrations .block_illustration .btn_sans_ill, .gestion_article form .block_illustrations .block_illustration div, .gestion_article form .block_illustrations .block_illustration a { height: 150px; } .gestion_article form .block_illustrations .block_illustration div, .gestion_article form .block_illustrations .block_illustration .btn_sans_ill { width: 150px; } } .content_abonne .liste_favoris .favori .actions .ajouter_commentaire { width: 100%; } .content_abonne .liste_favoris .favori .actions .ajouter_commentaire textarea { width: 100%; box-sizing: border-box; } .revues .numero_detail .titre_new_en_couverture, .revues .numero_detail .titre_new_derniere_minute, .revues .numero_detail .titre_actu { max-width: 352px; width: 100%; box-sizing: border-box; } @media screen and (max-width:954px) { .revues .num { width: 50%; } .content_abonne .liste_favoris .favori .actions .partager_fav { width: 460px; } } @media screen and (max-width:750px) { .content_abonne .statut_abonnement span { width:auto; } .page_abonnement .recap_infos_perso .intitule { margin: 12px 0 5px; } .liste_favoris .favori .titre_fav { width : 85%; } .liste_favoris .note_favori { padding-right: 28px;} #newsletter_note { width: 100%!important; box-sizing: border-box; } #newsletter_abonnements { width: 100%!important; } #newsletter_quotidienne_label { margin-bottom: 0!important; } #newsletter_no_label { margin-top: 5px!important; } #newsletter_quotidienne_exemple { margin-bottom: 10px; } #newsletter_radio_no { margin-top: 8px!important; } .modif_infos_perso .intitule { display: block; margin: 5px 0 5px; width: 100%; } .content_abonne .liste_favoris .favori .actions .partager_fav { width: 400px; } .modif_infos_perso .code_abonne { width: 100%; } .compte_abonne .content_abonne { padding: 34px 25px; } .compte_abonne .recommandation { padding: 0; } .page_abonnements_fils .intitule { width: 100%; margin: 5px 0;} } @media screen and (max-width:660px) { .revues .num { width: 100%; } #newsletter_abonnements { margin-left: 0!important; } .content_abonne .modif { margin-top: 8px; } #newsletter_abonnements #newsletter_quotidienne_label, #newsletter_abonnements #newsletter_no_label { float: none; } #newsletter_quotidienne_exemple { margin-left: 17px; } .liste_notifications .notification .titre_notif { width: 60%; } .content_abonne .liste_favoris .favori .actions .ajouter_commentaire textarea { height: 80px; } } @media screen and (max-width:550px) { .page_abonnement .recap_infos_perso .intitule { display: block; padding-left: 0; } .content_abonne .liste_favoris .favori .actions .partager_fav { width: 100%; } } @media screen and (max-width:508px) { .modif_infos_perso .mieux_connaitre .titre { margin: 10px 0 0; } } @media screen and (max-width:476px) { .content_abonne .liste_favoris .favori .actions .ajouter_commentaire textarea { height: 130px; } .content_abonne .liste_favoris .favori .actions .partager_fav span, .content_abonne .liste_favoris .favori .actions .partager_fav .annuler_fav { display: block; margin: 5px 0; } .revues .numero_detail .titre_new_en_couverture, .revues .numero_detail .titre_actu { display: inline-block; } .revues .numero_detail .visuel { float: none; margin: 0; text-align: center; } .revues .numero_detail .visuel form { display: inline-block; } .revues .numero_detail .visuel input { float: none; } } @media screen and (max-width:388px) { /*.revues .num { text-align: center; }*/ .compte_abonne .content_abonne { padding: 34px 15px; } .compte_abonne .recommandation { padding: 0; } .page_abonnements_fils h3 { font-size: 16px; } .revues .num .description { margin-top: 10px; } .liste_notifications .notification .titre_notif { width: 54%; } } /* ----------------------------------------------- MENU NAVIGATION -------------------------------------------------- */ @media screen and (max-width:1100px) { #nav_abonne li { margin-right:15px;} } @media screen and (max-width:755px) { #nav_abonne li { font-size:11px; margin-right:15px;} #nav_abonne li a { padding-top:45px; height:30px; } #nav_abonne .rub_accueil, #nav_abonne .rub_abonnement, #nav_abonne .rub_favoris, #nav_abonne a.rub_revues, #nav_abonne a.rub_blog, #nav_abonne .rub_recommande, #nav_abonne .deconnexion { -webkit-background-size:45px; background-size:45px; } #nav_abonne li a.current { background-position:center -90px; } #nav_abonne li a:hover { background-position:center -90px;} } @media screen and (max-width:670px) { } @media screen and (max-width:570px) { #nav_abonne li a span{ display: none;} #nav_abonne li { margin-right: 8px;} #nav_abonne li a{padding: 8px 6px 0 6px;} #nav_abonne li a:hover, #nav_abonne li a.current { background-position: center -70px;} #nav_abonne .rub_accueil, #nav_abonne .rub_abonnement, #nav_abonne .rub_favoris, #nav_abonne a.rub_revues, #nav_abonne a.rub_blog, #nav_abonne .rub_recommande, #nav_abonne .deconnexion { -webkit-background-size:35px; background-size:35px; } /*#nav_abonne { margin-bottom:15px; } #nav_abonne li { display:block; float:none; } #nav_abonne li:last-child { float:none; } #nav_abonne li a { padding:10px 20px 10px 42px; height:auto; text-align:left; border-left:3px solid #F0F0F0; } #nav_abonne .rub_accueil, #nav_abonne .rub_abonnement, #nav_abonne .rub_favoris, #nav_abonne a.rub_revues, #nav_abonne a.rub_blog, #nav_abonne .deconnexion { background-position:4px 6px; } #nav_abonne .deco { float: left!important ; } #nav_abonne li a.current { background-position:4px -54px; border-bottom:none; border-left:3px solid #f5a000; } #nav_abonne li a:hover { background-position: 4px -54px;} .revues .numero_detail .environnement_technique_bleu { background-position:center 18px; padding-top:70px; } .revues .numero_detail .environnement_technique_bleu .titre_dossier { width:100%; height:auto; padding-top:8px; text-align:center; box-sizing:border-box; } */ } /* Général */ @media screen and (max-width:1020px) { .globalContent { width:100%; box-sizing:border-box; padding-left:10px; padding-right:10px; } }