/* =============================================================== LE PIXELOVORE | GÉNÉRALES =============================================================== */ ::selection { background: none repeat scroll 0 0 transparent; color: unset !important; } ::-moz-selection { background: none repeat scroll 0 0 transparent; color: unset !important; } .fr-wrapper *::selection, .froala-wrapper *::selection, input::selection, textarea::selection, .BugReport *::selection { background: rgba(208, 225, 50, 0.3) none repeat scroll 0 0 !important; color: inherit !important; } .fr-wrapper *::-moz-selection, .froala-wrapper *::-moz-selection, input::-moz-selection, textarea::-moz-selection, .BugReport *::-moz-selection { background: rgba(208, 225, 50, 0.3) none repeat scroll 0 0 !important; color: inherit !important; } /* ::-webkit-input-placeholder { color: #8f8f8b; font-weight: normal; } ::-moz-placeholder { color: #8f8f8b; font-weight: normal; } :-ms-input-placeholder { color: #8f8f8b; font-weight: normal; } input:-moz-placeholder { color: #8f8f8b; font-weight: normal; } */ input::placeholder, input:-moz-placeholder, :-ms-input-placeholder, ::-moz-placeholder, ::-webkit-input-placeholder { display: inline-block; max-width: 14%; box-shadow: 0 0 0 18px rgba(255,255,255,0.5); font-weight: inherit; text-transform: uppercase; background: rgba(255,255,255,0.5); color: rgba(0,0,0,0.2); } *:focus { outline: 0; } select:focus, input[type="text"]:not([disabled]):focus, input[type="password"]:not([disabled]):focus { -moz-box-shadow: 0 0 10px -1px #ffa500; -webkit-box-shadow: 0 0 10px -1px #ffa500; box-shadow: 0 0 10px -1px #ffa500; } .disabled { cursor: not-allowed; width: 237px; background: #f5f5f1; padding: 10px; display: inline-block; height: 41px; box-sizing: border-box; text-transform: none; } sup { font-size: 50% !important; top: -0.7em !important; } u { text-decoration:underline; } pre { display: inline-block; background: rgba(229, 229, 225, 0.5); padding: 10px; width: 100%; box-sizing: border-box; white-space: inherit; box-shadow: 0 0 10px 0 rgba(0,0,0,0.2) inset; } .SaveInProgress, .ConnectInProgress { background-color: rgba(229, 229, 225, 0.8); height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 3001; } .SaveInProgress.InPopUp, .popup .plupload_progress { background-color: rgba(255, 255, 255, 0.8); } .popup .SaveInProgress.InPopUp, .popup .plupload_progress, .container_legende .SaveInProgress { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .SlideOverflowUser .InPopUp { height: calc(100% - 10px); position: absolute; } #calendar .SaveInProgress.InPopUp { position: absolute; } .SlideOverflowUser #bloc_Progression, #utilisateurs_inscrits { position: relative !important; } #utilisateurs_inscrits .InPopUp, #utilisateurs_inscrits #bloc_Progression { position: absolute; } .popup .plupload_progress_container { left: 15px; position: absolute; right: 15px; top: 50%; } .popup:not(#PopUpFichierLie) .SaveInProgress { position: absolute; } #PopUpFichierLie .progress { position: relative !important; } .SaveInProgress .AlertSave { background: #fff url("../images/load_click_3.gif") no-repeat scroll center bottom 10px; box-sizing: border-box; font-size: 14px; left: calc(50% - 100px); padding: 10px 10px 30px; position: relative; text-align: center; text-transform: uppercase; top: 50%; width: 200px; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); } .SaveInProgress .AlertSave.Top { top: 25%; } .BlurConnect { -webkit-filter: blur(1px); -moz-filter: blur(1px); -o-filter: blur(1px); -ms-filter: blur(1px); filter: blur(1px); } code, .setion_12 textarea { background-color: rgba(245, 245, 241, 0.5); border: 1px solid rgba(229, 229, 225, 1); box-sizing: border-box; display: inline-block; padding: 10px; width: 100%; text-transform: none; margin: 0 !important; min-width: 100%; } .TempEl { background: rgba(245, 245, 245, 0.5) url("../images/load_click_3.gif") no-repeat scroll right 5px center; border: 1px dashed #d5d5d1; color: #8f8f8b; display: table; font-size: 13px; margin: auto; padding: 5px 25px 5px 5px; } /* =============================================================== LE PIXELOVORE | CODE MIRROR =============================================================== */ .cm-s-hopscotch.CodeMirror {background: #322931; color: #d5d3d5;} .cm-s-hopscotch div.CodeMirror-selected {background: #655763 !important;} .cm-s-hopscotch .CodeMirror-gutters {background: #4C3E49; border-right: 0px;} .cm-s-hopscotch .CodeMirror-linenumber {color: #797379; /* left: -35px !important; */} .cm-s-hopscotch .CodeMirror-cursor {border-left: 1px solid #989498 !important;} .cm-s-hopscotch span.cm-comment {color: #b33508;} .cm-s-hopscotch span.cm-atom {color: #c85e7c;} .cm-s-hopscotch span.cm-number {color: #c85e7c;} .cm-s-hopscotch span.cm-property, .cm-s-hopscotch span.cm-attribute {color: #8fc13e;} .cm-s-hopscotch span.cm-keyword {color: #dd464c;} .cm-s-hopscotch span.cm-string {color: #fdcc59;} .cm-s-hopscotch span.cm-variable {color: #8fc13e;} .cm-s-hopscotch span.cm-variable-2 {color: #1290bf;} .cm-s-hopscotch span.cm-def {color: #fd8b19;} .cm-s-hopscotch span.cm-error {background: #dd464c; color: #989498; color: #ffffff !important; position: relative;} .cm-s-hopscotch span.cm-bracket {color: #d5d3d5;} .cm-s-hopscotch span.cm-tag {color: #dd464c;} .cm-s-hopscotch span.cm-link {color: #c85e7c;} .cm-s-hopscotch .CodeMirror-matchingbracket { text-decoration: underline; color: white !important;} .cm-s-hopscotch .CodeMirror-activeline-background { background: #302020; } .cm-s-hopscotch span.cm-error:before { content: "\f071"; position: absolute; top: -23px; height: 14px; background: #dd464c; color: #fff; font-family: fontawesome; width: 16px; text-align: center; left: calc(50% - 8px); padding: 2px; z-index: 1; line-height: 17px; box-shadow: 0 0 10px 2px rgba(0,0,0,0.8); } .cm-s-hopscotch span.cm-error:after { content: ''; width: 0; height: 0; position: absolute; border-top: 5px solid #f86e72; border-left: 5px solid transparent; border-right: 5px solid transparent; top: -6px; left: calc(50% - 2px); z-index: 2; } .cm-s-hopscotch span.cm-error ~ .cm-error:before, .cm-s-hopscotch span.cm-error ~ .cm-error:after { display:none; } .froala-box .froala-element pre { background: transparent !important; border: none medium !important; } .froala-box.f-html .froala-element { padding: 0 !important; } .CodeMirror.cm-s-hopscotch.CodeMirror-wrap { height: auto; } .CodeMirror br { display: none; } /* =============================================================== LE PIXELOVORE | BUG REPORT =============================================================== */ #BugReport, #DevMode { background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0; bottom: 0; box-sizing: border-box; padding: 15px; position: fixed; right: -250px; top: 0; width: 250px; z-index: 999999999; } #DevMode { top: 35px; cursor: pointer; } #BugReport.Show { right: 0px; box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.1); } .BtnBugShow, #BtnDevModeShow { background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0; cursor: pointer; left: -25px; padding: 5px; position: absolute; } .BtnBugShow:hover, #BtnDevModeShow:hover { color: #333; } #BtnDevModeShow.Actif { color: #fff; background: #8f8f8b; } #BugReport h1 { border-bottom: 1px solid; font-size: 16px; font-weight: 100; letter-spacing: 2px; margin: 0 0 10px; padding-bottom: 10px; text-align: center; text-transform: uppercase; } .BugReport { max-height: 45%; font-size: 12px; padding: 0; overflow: auto; } .BugReport > li { border-bottom: 1px solid #e5e5e1; list-style: outside none none; padding: 5px 0; } #BugReport textarea { border: medium none; box-sizing: border-box; max-height: 30%; max-width: 100%; min-width: 100%; padding: 10px; color: #555555; } .BugReportInfo { font-size: 12px; } #BtnBugReport, #BtnBugSimulate { bottom: 15px; left: 15px; position: absolute; right: 15px; } #BtnBugSimulate { bottom: 65px; } .BugReport .Quand { color: #bfbfbb; font-size: 10px; } .BugReport .Event, .BugReport b.tag { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; /* background: rgba(0, 0, 0, 0.08) none repeat scroll 0 0; */ padding: 0 2px 0 0; } .BugReport b.tag { background: #8f8f8b none repeat scroll 0 0; color: #fff; font-weight: normal; letter-spacing: 1px; padding: 0 2px 0 3px; } .Event { overflow-wrap: break-word; } /* =============================================================== LE PIXELOVORE | RÉPÉTITION =============================================================== */ div:not(.ui-draggable):not(.alerte_admin):not(.info_admin):not(#article_0):not(#article_1):not(#article_2):not(#article_3):not(.ItemArticle):not(.DragDropZone), .info_connexion, .info_lecture, .media_jpg.jpeg.selectionnable, .panneau_media, #VeryBigMenu, #VeryBigMenu.mini_menu, #gerer_menu.mini_menu, #publier_menu.mini_menu, #diffuser_menu.mini_menu, #formulaire_connexion, .trait, .rond, #tableau_gerer ul li, .contraste, .backtotop, #publier, #gerer, #diffuser, #parametrer, .presse, #Robot, input, #publier_texte, .cke_textarea_inline, .info_drag, .picto_tableau, .effacer_vraiment, input[type="button"], input[type="submit"], #connexionbouton, #pickfiles, .petitbouton, #majbouton, #majbouton_access, .plupload_start, #connexionbouton_DV, #images_reportages li, .progression_image_reportage, .progression, .btn_annuler, .gerer_tableau tr, #progression, .design_1, .design_2, .design_3, .ui-resizable-handle, #icone_recherche, .annule_correspondance_cantine, #Rediger .gerer_ID_pageUnique, .froala-modal .f-modal-wrapper .f-image-list .chargee .f-delete-img, .froala-modal .f-modal-wrapper .f-image-list .chargee--double .f-delete-img, .froala-modal .f-modal-wrapper .f-image-list .chargee:hover .f-delete-img, .froala-modal .f-modal-wrapper .f-image-list .chargee--double:hover .f-delete-img, #Mini_Select_tous_Articles, ul.gerer_tableau li ol.td_3, .ol_3, #Raccourci a, .info_drag { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;} .moxie-shim.moxie-shim-html5, ul.gerer_tableau > li.rangee_ip, ul.gerer_tableau > li.rangee_espace, ul.gerer_tableau > li ol.td_2, ul.gerer_tableau > li ol.td_4, ul.gerer_tableau > li ol.ol_2, ul.gerer_tableau > li ol.ol_4, .div_1, .div_2, .div_3, .div_4, .div_6, .div_7, .div_8, .div_9, .div_10, .div_11, .ol_1, .ol_2, .ol_3, .ol_4, .ol_6, .ol_7, .ol_8, .ol_9, .ol_10, .ol_11, .setion_2, .setion_3, .setion_4, .setion_5, .setion_6, .setion_7, .setion_8, .setion_9, .setion_10, .setion_11, .setion_12, dl.article, dl.produit, dl.reportage, progress, #publier_menu, #gerer_menu, .TrSpace, .rangee_ip, #diffuser_menu, .reportage_interieur:not(.Galerie) .ol_1 button, #tableau_emails .td_3, #couleur, #change_image, #modele_design, .ui-helper-hidden-accessible, .arrow_none, .media_ .media.type_media, .ajoutee, .plupload_add, .plupload_header, .plupload_filelist_header, .plupload_progress, .plupload_upload_status, .Selecteur.groupe, #selecteur_sous_categorie, .sous_cat, .popup #publier_texte, #ratioSelection, .HideInput, .plupload_done, .sous_cat label, #selecteur_sous_categorie { display: none; } #fenetre_de_prevu #header, .DragDropZone .f-upload > strong, .chemin, .info_selection, .texte_court h1, .pave_texte1 h1, .pave_texte2 h1, .pave_texte3 h1, .titre_boite_a_outil, .container_categorie, .groupe_emails_newsletter, .etape, #outil h2, #lettre_complete h1, .switch-label, .Check-label, .coul input, .coul input:hover, #publier_date_modification, #publier_date_creation, #publier_date_modification_reportage, #publier_date_creation_reportage, .alerte_admin, .info_admin, .btn_annuler_large, .btn_annuler, input[type="button"], input[type="submit"], #connexionbouton, #pickfiles, .petitbouton, #majbouton, #majbouton_access, .plupload_start, #connexionbouton_DV, #publier_date_modification_reportage, #publier_date_creation_reportage, .correspondance_actif b, #statut_admin, #outil h1, #bouton_deconnect, #style > p, #alignement > p, #lien > p, #predefini > p, #VeryBigMenu, #PasUnRobot, .reponse_recherche, .td_1 .reportage_ov, #formulaire_connexion, #suivant, #publier_menu, #menu_cantine, #gerer_menu, #diffuser_menu, #parametrer_menu, .formulaire_publier, #tableau_gerer, #tableau_reservation, .formulaire_diffuser, .formulaire_parametrer, #tableau_gerer_statistiques, #zone_de_publication > h3, #utilisateur, #mot_de_passe, #connexionbouton, #connexionbouton_DV, #majbouton, #majbouton_access, #cle_DV, .annule_correspondance_cantine { text-transform: uppercase; } #style, .float_design_left, .pave_image1.design1, .pave_image2.design1, .pave_image3.design1, .design_1 .ligne_1, .design_1 .ligne_2, .design_1 .ligne_3, .design_2 .ligne_1, .design_2 .ligne_2, .design_2 .ligne_3, .design_1 .design_texte, .design_1 .design_image, label, .champs_info_livraison > dd, .rangee_email_container, .reglette, .reglette_fin, .reglette_debut { float: left; } #alignement, .float_design_right, .pave_image1.design2, .pave_image2.design2, .pave_image3.design2, .design_2 .design_texte, .design_2 .design_image, .colonnes .correct, .colonnes .incorrect, #alignement, .BtnPix.setion_3, #select_tous_les_reportages, #select_tous_les_Photos, #select_tous_les_Articles, #select_tous_les_Produits, #select_tous_les_tous, #BtnSuppTout { float: right; } .froala-box * { text-transform: none; } #lettre_complete, .recherche, .alerte_admin, .info_admin, #publier_texte:hover, .cke_textarea_inline:hover, .correspondance_email_bouton, .acces_toute_categorie, #publier, #gerer, #diffuser, #parametrer, .presse, #Robot, .backtotop, .contraste, #tableau_gerer ul li, #formulaire_connexion, #zone_de_publication, #depot, .champs_info_livraison, #Rediger .gerer_ID_pageUnique { -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); } .bouton_lien_news, .check_maj, .check_maj, .echec_maj, #bouton_deconnect, .m_a_j, .btn_annuler_large, .texte_court .actif, .popup, .ui-resizable-handle, #slider, #tableau_gerer ul li, #suivant, .acces_toute_categorie span, .infoprivilege, #publier, #gerer, #diffuser, #parametrer, .presse, #Robot, #publier_menu, #menu_cantine, #gerer_menu, #diffuser_menu, #parametrer_menu, .formulaire_publier, #tableau_gerer, #tableau_reservation, .formulaire_diffuser, .formulaire_parametrer, #tableau_gerer_statistiques, .backtotop, .container_symbole, #zone_de_publication, #depot, .champs_info_livraison, #lettre_complete, .alerte, .alerteDV, #slider_largeur, .LargeurImage, .SelectionImageServeur, .BtnImprimer, #Rediger .gerer_ID_pageUnique, .TempEl { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #titre_exergue, #selection_outil, #text, #media, #container_outil, .dix, .neuf, .huit, .sept, .six, .cinq, .quatre, .trois, .deux, .un { -webkit-box-shadow: 0px 3px 5px 0px rgba(00, 00, 00, 0.3); box-shadow: 0px 3px 5px 0px rgba(00, 00, 00, 0.3); } #selection_outil, #bold, #titre, #http, #left { -webkit-border-radius: 3px 0px 0px 3px; -moz-border-radius: 3px 0px 0px 3px; border-radius: 3px 0px 0px 3px; } #justify, #underline, #texte, #lien_ok { -moz-border-radius: 0px 3px 3px 0; -webkit-border-radius: 0px 3px 3px 0; border-radius: 0px 3px 3px 0; } .recherche > input, .recherche, .alerte_admin, .info_admin, #VeryBigMenu.mini_menu, #publier.mini_menu, #gerer.mini_menu, #diffuser.mini_menu, #parametrer.mini_menu { border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px; -moz-border-radius:0 0 3px 3px; } .clear { clear: both; } /* =============================================================== LE PIXELOVORE | PANNEAU OUTIL =============================================================== */ #outil { height: auto; position: absolute; width: auto; z-index: 10; float:left; display:none; } #outil b { font-weight:900; } #outil p, .design1 p, .design2 p, .design3 p { color: #333333; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; font-size: 15px; font-weight: normal; margin: 10px 0; text-align:left; } #outil h1 { color: #5F9EA0; font-size: 54px; margin: 45px 0 15px; text-align: center; } #outil h3 { border-bottom: 1px solid #FF6347; border-top: 1px solid #FF6347; clear: both; color: #FF6347; float: left; font-size: 18px; text-align: center; width: 100%; } #outil h2 { color: #708090; font-size: 24px; margin: 0 0 15px; } /* =============================================================== LE PIXELOVORE | MENU GÉNÉRAL =============================================================== */ #statut_admin { font-size: 10px; font-weight: 300; letter-spacing: 4px; padding: 0 15px; position: absolute; text-align: center; width: auto; } #VeryBigMenu, #PasUnRobot, #publier_menu, #menu_cantine, #gerer_menu, img { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; } #VeryBigMenu, #PasUnRobot { font-weight: lighter; letter-spacing: 1px; margin: 25px auto; padding: 0; text-align: center; width: 800px; height: 190px; overflow: hidden; list-style: outside none none; } #VeryBigMenu { top: -200px; left: 0; width: 100%; } #VeryBigMenu.mini_menu { margin: 0; position: fixed; top: 0; left:0; z-index: 50; -moz-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.07); -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.07); box-shadow: 0 2px 1px rgba(0, 0, 0, 0.07); background-color: #ffffff; width: 770px; height: 80px; opacity: 0.95; padding: 0 10px; } #VeryBigMenu.mini_menu > li { height: 60px; line-height: 55px; width: 175px; } #VeryBigMenu li:not(.ContainerMiniSelectLi):first-child { margin-left: 0 !important; } #VeryBigMenu li:not(.ContainerMiniSelectLi):last-child { margin-right: 0 !important; } /* =============================================================== LE PIXELOVORE | SOUS MENU GÉNÉRAL =============================================================== */ #gerer_menu.mini_menu, #publier_menu.mini_menu, #diffuser_menu.mini_menu { border-bottom: 10px solid #666666; padding: 15px 10px; position: fixed; opacity: 0.95; top: 37px; z-index: 1; box-shadow:0 10px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 10px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 10px 0px rgba(0, 0, 0, 0.1); position: fixed; top: 81px; } #article, #produit, #reportage, #Articles, #Produits, #Reportages, #Achats, #Telechargements, #Calendriers, #Votes, #Transmissions, #Messages, #Suggestions, #Newsletters, #ReNewsletter, #Utilisateurs, #Connexions, #Medias, #Robot, #publier, #gerer, #diffuser, #parametrer, #Photos, #Emails, #Newsletter, #publier_menu li, #gerer_menu li { border-bottom: 5px solid #8F8F8B; cursor: pointer; float: left; list-style: none outside none; margin: 0 5px; } ul#gerer_menu li { display: inline-block; float: none; } #Newsletter > a { color: inherit; font: inherit; text-decoration: none; } #publier_menu, #menu_cantine { background: url("../images/arrow_blanc_haut.jpg") no-repeat scroll 80px -5px #FFFFFF; } #gerer_menu { background: url("../images/arrow_blanc_haut.jpg") no-repeat scroll 280px -5px #FFFFFF; } #diffuser_menu { background: url("../images/arrow_blanc_haut.jpg") no-repeat scroll 480px -5px #FFFFFF; } #parametrer_menu { background: url("../images/arrow_blanc_haut.jpg") no-repeat scroll 680px -5px #FFFFFF; } #publier_menu, #gerer_menu, #diffuser_menu, #parametrer_menu, .formulaire_publier, #tableau_gerer, #tableau_reservation, .formulaire_diffuser, .formulaire_parametrer, #tableau_gerer_statistiques { clear: both; float: left; font-size: 14px; font-weight: 300; margin: 0 auto; padding: 10px; width: 770px; border-bottom: 3px solid #DADAD6; } #formulaire_publier label, .labelExterne, #publier_date_creation, #publier_date_modification { font-size: 12px; } /* =============================================================== LE PIXELOVORE | RECHERCHE =============================================================== */ .resultat_de_recherche { background-color: #FFFFFF !important; border-bottom: 5px solid #FFFFFF; border-top: 1px solid #F5F5F1; text-align: left; } li.resultat_de_recherche { height: auto !important; margin: 0 15px !important; width: 710px !important; } .resultat_de_recherche > td { padding: 30px 0 0 5px; } .reponse_recherche { font-size: 12px; font-weight: 300; padding: 15px; text-align: center; } div.resultat_de_recherche { border: medium none; margin: 40px 0 0; } .recherche { float: right; height: 51px; margin: 0 10px 0 0; width: 192px; background-color: #EBEBE7; } /* .recherche > input { font-size: 14px; font-weight: 300; height: 19px; letter-spacing: 2px; width: 125px; margin: 0 !important; } */ .recherche > input { font-size: 14px; font-weight: 300; height: 50px; letter-spacing: 2px; width: 157px; margin: 0 !important; } .recherche > input:focus { background-color: #ffffff; box-shadow: 0 0 0; border: none; } #icone_recherche { background: url("../images/icons_noir.png") no-repeat scroll -38px 14px #FFFFFF !important; border-bottom: 5px solid #FFFFFF; border-top: 5px solid #FFFFFF; cursor: pointer; float: left; height: 39px; width: 35px; } #icone_recherche:hover { background: url("../images/icons_noir.png") no-repeat scroll -38px 14px #E7E7E3 !important; border-bottom: 5px solid #E7E7E3; border-top: 5px solid #E7E7E3; opacity: 0.5; } /* =============================================================== LE PIXELOVORE | ERREURS =============================================================== */ .Txterreur { color: #DB0243 !important; } h1.erreur { color: #DB0243; margin: 0 !important; } div.erreur { clear: both; color: #555555; } .ChampVide { background-color: #db0243 !important; box-shadow: 0 0 11px -2px #8f8f8b; color: #fff !important; display: inline-block; margin: -5px; padding: 5px; } .ChampVide::after { background: #db0243 url("../images/exclam_blanc.png") no-repeat scroll right 5px center / 15px auto; content: ""; height: 100%; position: absolute; right: -25px; top: 0; width: 25px; z-index: 1; } .ErreurInput { background: #db0243 url("../images/exclam_blanc.png") no-repeat scroll right 5px center / 15px auto; box-shadow: 0 0 11px -2px #8f8f8b; color: #fff !important; padding-right: 18px !important; } .Instance { background: #db0243 none repeat scroll 0 0; color: #fff; font-size: 10px; margin: 0 3px; padding: 0 2px; } /* =============================================================== LE PIXELOVORE | DATEPICKER =============================================================== */ .date { display: inline-block; margin: 0 2px; position: relative; } .ui-datepicker { padding: 5px; width: 17em; } .ui-datepicker .ui-datepicker-title { line-height: 1.8em; margin: 0 2.3em; text-align: center; } #ui-datepicker-div::before { border-bottom: 10px solid #fff; border-left: 10px solid transparent; border-right: 10px solid transparent; content: ""; height: 0; position: absolute; top: -10px; width: 0; } .ui-corner-all { border-radius: 0; } #ui-datepicker-div { border: medium none; border-radius: 0; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); padding: 10px; background: #fff none repeat scroll 0 0; z-index: 20 !important; display: none; } .ui-datepicker .ui-datepicker-header { padding: 0 0 5px; background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; color: #8f8f8b; font-weight: normal; position: relative; display: inline-block; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { background-image: none; opacity: 0.35; } select.ui-datepicker-month { border-radius: 3px 0 0 3px !important; } select.ui-datepicker-year { border-radius: 0 3px 3px 0 !important; } .ui-datepicker .ui-datepicker-title select option { border-top: 1px solid #d5d5d1; letter-spacing: 0; padding: 2px 5px; text-align: left; text-transform: none; display: block; } .ui-datepicker table { color: #8f8f8b; font-size: 12px; background-color: #f5f5f1; margin: 0 0 0.05em; float: left; clear: left; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { background: rgba(255, 255, 255, 1) none repeat scroll 0 0; border: 1px solid #fff; color: #8f8f8b; font-weight: normal; text-decoration: none; display: block; padding: 3.5px; } .ui-datepicker td { padding: 2px; width: 20px; } .ui-datepicker td span, .ui-datepicker td a { text-align: center; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { background: #D0E132 none repeat scroll 0 0; border: 1px solid #D0E132; color: #fff; } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { background: #bfbfbb none repeat scroll 0 0; border: 1px solid #bfbfbb; color: #fff; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { background: #dfdfdb none repeat scroll 0 0; border: 1px solid #dfdfdb; color: #8f8f8b; } .ui-state-active.ui-state-hover { font-weight: bold; background: #D0E132 none repeat scroll 0 0; color: #fff; } .ui-widget-header .ui-icon { background-image: none; } .ui-datepicker-header a span { position: relative; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; left: 50%; margin-left: -8px; margin-top: -8px; position: absolute; top: 50%; } .ui-widget-header .ui-icon { background-image: none; } .ui-datepicker .ui-icon { background-repeat: no-repeat; overflow: hidden; text-indent: -99999px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon { height: 16px; width: 16px; } .ui-icon { vertical-align: middle; } .ui-datepicker-header a::after { border-bottom: 10px solid transparent; border-top: 10px solid transparent; content: ""; height: 0; left: 10px; position: absolute; top: 1px; width: 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { height: 1.8em; position: absolute; top: 2px; width: 1.8em; } .ui-datepicker-prev::after { border-right: 10px solid #8f8f8b; } .ui-datepicker-next::after { border-left: 10px solid #8f8f8b; } .ui-datepicker-prev.ui-state-hover::after { border-right: 10px solid #555555; } .ui-datepicker-next.ui-state-hover::after { border-left: 10px solid #555555; } .ui-state-hover:not(.ui-state-active):not(.ui-state-hover), .ui-widget-content .ui-state-hover:not(.ui-state-active):not(.ui-state-hover), .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { background: #f5f5f1 none repeat scroll 0 0; border: 1px solid #f5f5f1; color: #8f8f8b; } .ui-datepicker-header a.ui-state-hover { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border-color: transparent; cursor: pointer; } .BlocHoraires { border-left: 1px solid #cfcfcb; box-sizing: border-box; display: inline-block; margin: 0 0 5px 5px; padding: 0; position: relative; top: -35px; width: calc(25% - 7px); float: left; } .Horaires { border: 1px solid #f5f5f1; float: left; margin: 0 0 0 5px; overflow: auto; position: relative; width: 100%; } .Horaires ul { margin: 0; padding: 0; } .Horaires ul li { background: #f5f5f1 none repeat scroll 0 0; box-shadow: 48px -2px 0 0 #cfcfcb, 48px -6px 0 0 #cfcfcb; color: #8f8f8b; cursor: pointer; font-size: 12px; list-style: outside none none; margin: 0 0px 2px 0; padding: 4px; text-align: center; } .Horaires ul li:nth-child(2n+1):not(.actif) { background: #eee none repeat scroll 0 0; } .Horaires ul li:hover, .Horaires ul li.actif { background: #D0E132 none repeat scroll 0 0 !important; color: #fff; border: medium none !important; } .BlocHoraires a { cursor: pointer; float: left; height: 15px; margin: 0 0 0 12px; position: relative; width: 56px; } .BlocHoraires a::before { border-left: 10px solid transparent; border-right: 10px solid transparent; content: ""; height: 0; left: 13px; position: absolute; width: 0; } .BlocHoraires a.top::before { border-bottom: 10px solid #8f8f8b; bottom: 5px; } .BlocHoraires a.bottom::before { border-top: 10px solid #8f8f8b; top: 5px; } .BlocHoraires a.top:hover::before { border-bottom: 10px solid #555555; } .BlocHoraires a.bottom:hover::before { border-top: 10px solid #555555; } .date.Calendrier::before { background: transparent url("../images/icons_noir.png") no-repeat scroll -188px -117px; content: ""; display: block; height: 20px; left: 5px; position: absolute; top: 15px; width: 20px; z-index: 5000; opacity: 0.4; } .date.Calendrier .DateEvenement { padding-left: 30px; } /* =============================================================== LE PIXELOVORE | TOOLTIPS587 =============================================================== */ .ui-tooltip { background: rgba(0,0,0,0.7); -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 1px 1px 5px 1px rgba(00, 00, 00, 0.2); box-shadow: 1px 1px 5px 1px rgba(00, 00, 00, 0.2); -moz-box-shadow:1px 1px 5px 1px rgba(00, 00, 00, 0.2); color: #FFFFFF; font-size: 12px; font-weight: normal; padding: 10px 10px 7px 10px; text-transform: none; width: auto; display: none; text-align: center; z-index: 100000; position: absolute; opacity: 0; } .ui-tooltip::after { content: ''; border-left: 7px solid rgba(0, 0, 0, 0); border-right: 7px solid rgba(0, 0, 0, 0); border-top: 7px solid rgba(0, 0, 0, 0.7); height: 0; width: 0; position: absolute; bottom: -7px; left: calc(50% - 7px); } .Down { transform: translate(0, 20px); -moz-transform: translate(0, 20px); -webkit-transform: translate(0, 20px); -ms-transform: translate(0, 20px); } .ui-tooltip.LeftImg { left: calc(50% - 350px) !important; } .ui-tooltip.notimage { max-width: 300px; border: 2px solid red !important; } /* .TrArticleImg { z-index: 100001 !important; } */ .container_tooltip, .container_tooltip_opacite { height: 35px; line-height: 18px; margin: 0; padding: 0; position: relative; text-align: center; z-index: 100; } .container_tooltip_opacite { top: -13px !important; width: 40px !important; } .message_tooltip { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 1px 1px 5px 1px rgba(00, 00, 00, 0.2); box-shadow: 1px 1px 5px 1px rgba(00, 00, 00, 0.2); -moz-box-shadow:1px 1px 5px 1px rgba(00, 00, 00, 0.2); background-color: #555555; color: #FFFFFF; display: inline-block; font-size: 10px; font-weight: bold; line-height: 20px; margin: 0; opacity: 0.8; padding: 0 5px; text-transform: none; width: auto; } .image_tooltip { background: url("../images/fleche_tooltip.png") no-repeat scroll center 0 rgba(0, 0, 0, 0) !important; height: 9px; display: block; width: 100%; opacity: 0.7; } .LoadImgToolTip { background: url("../images/load_noir.gif") no-repeat scroll center center rgba(0, 0, 0, 0); min-height: 50px; min-width: 50px; } /* =============================================================== LE PIXELOVORE | PLUPLOAD =============================================================== */ .plupload_upload_status { color: #555; left: 2%; padding: 0; position: fixed; text-align: center; top: 52%; width: 96%; z-index: 10000; } .plupload_file_name { float: left; overflow: hidden; } .plupload_delete, .plupload_uploading { color: #8f8f8b; display: none; } .plupload_progress { background-color: rgba(0, 0, 0, 0); bottom: 50%; box-sizing: border-box !important; left: 10%; padding: 14px 9px 15px; position: fixed; width: 100% !important; z-index: 10000 !important; } .plupload_progress_container, .plupload_progress_bar { z-index: 10000 !important; } .plupload_file_status { color: #8f8f8b; } .plupload_file_status span { color: #8f8f8b; } .plupload_file_size, .plupload_file_status, .plupload_progress { float: right; width: 80px; } .plupload_file_size, .plupload_file_status, .plupload_file_action { font-size: 12px; padding: 0px 0 0; text-align: right; margin-bottom: 3px; } .plupload_total_status, .plupload_total_file_size { display: inline-block; margin: 12px 0 0; } .plupload_filelist .plupload_file_name { font-size: 14px; line-height: normal; text-overflow: ellipsis; white-space: nowrap; width: 480px; } .plupload_file_action { float: right; height: 16px; margin-left: 15px; width: 16px; } .plupload_file_action * { display: none; height: 20px; width: 20px; } li.plupload_done { color: #8f8f8b; } li.plupload_delete a { background: url("../images/icons_blanc.png") no-repeat scroll -453px 3px #8f8f8b !important; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } li.plupload_failed a { background: url("../images/icons_blanc.png") no-repeat scroll -453px 3px #8f8f8b !important; cursor: default; } li.plupload_done a { background: url("../images/icons_blanc.png") no-repeat scroll -453px 3px #8f8f8b !important; cursor: default; } .plupload_scroll .plupload_filelist_header .plupload_file_action, .plupload_scroll .plupload_filelist_footer .plupload_file_action { margin-right: 17px; } .plupload_clear, .plupload_clearer { clear: both; } .plupload_clearer, .plupload_progress_bar { display: block; font-size: 0; line-height: 0; } li.plupload_droptext { background: none repeat scroll 0 0 transparent; border: 0 none; line-height: 50px; text-align: center; vertical-align: middle; } .DragDropZone .plupload_droptext { background: transparent none repeat scroll 0 0 !important; border: medium none !important; } .plupload_wrapper * { box-sizing: content-box; } .plupload_file_name { background: #fff none repeat scroll 0 0; box-shadow: -2px 0 0 #fff, 2px 2px 0 #fff, -2px 2px 0 #fff; width: 100%; } .petiteZone .plupload_file_name { box-shadow: none; } .plupload_button { text-align: center; text-decoration: none; -webkit-border-radius: 0 0 0 3px ; -moz-border-radius: 0 0 0 3px ; border-radius: 0 0 0 3px ; } .plupload_button.plupload_add { display: none; bottom: 13px; font-size: 10px !important; padding: 20px 10px !important; text-transform: uppercase; width: 15%; border-radius:5px !important; -webkit-border-radius:5px !important; -moz-border-radius:5px !important; margin: 0 3px 0 0 !important; right: 10px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; color: #FFFFFF; } .popup .plupload_button.plupload_add { top: 10px; width: 25%; } .froala-modal .plupload_button.plupload_add { top: 12px; width: 15%; } .popup li.plupload_droptext { width: calc(75% - 12px); } .froala-modal li.plupload_droptext { box-sizing: border-box; width: calc(85% - 33px); } .popup [data-uploader] { background-position: left 37% top 65% !important; } #ZoneReportage li.plupload_droptext, #ZoneGalerie li.plupload_droptext { min-height: 120px; width: calc(85% - 12px); } [data-uploader] { background-position: left 42% top 65% !important; } .DragDropZone .plupload_button.plupload_add, .plupload_button.plupload_start.plupload_disabled, .plupload_file_action, .plupload_file_status, .plupload_file_size, .plupload_clearer { display: none; } .plupload_button:hover { color: #8f8f8b; text-decoration: none; } #choix_telechargement_container .plupload_start { opacity: 0; position: absolute; z-index: -2; } .moxie-shim.moxie-shim-html5 { height: 140px !important; width: 100% !important; } .plupload_disabled, a.plupload_disabled:hover { background-color: #f5f5f1; cursor: default; } .plupload_wrapper { width: 100%; } .plupload_container { padding: 0px; } .plupload_container input { border: 1px solid #ddd; font: 11px Verdana,sans-serif; width: 98%; } .plupload_header_content { background: url("../images/backgrounds.gif") no-repeat scroll 0 -317px rgba(0, 0, 0, 0); color: #fff; min-height: 56px; padding-left: 60px; } .plupload_header_title { font: 18px sans-serif; padding: 6px 0 3px; } .plupload_header_text { font: 12px sans-serif; } .plupload_filelist { list-style: none outside none; margin: 0px; padding: 0; } .plupload_scroll .plupload_filelist { background: transparent none repeat scroll 0 0; min-height: 126px; overflow-y: auto; } .plupload_filelist li:not(.plupload_droptext) { background: none repeat scroll 0 0 transparent; border-bottom: 3px solid #fff; padding: 6px 8px; } #choix_telechargement_filelist.plupload_filelist li { background-color: transparent; border-bottom: medium none; padding: 6px 8px; } .plupload_filelist_header, .plupload_filelist_footer { background: none repeat scroll 0 0 transparent; color: #8f8f8b; padding: 0px; } .plupload_buttons { } .plupload_filelist_footer { background-color: transparent; height: auto; -webkit-border-radius: 0 0 3px 0; -moz-border-radius: 0 0 3px 0; border-radius: 0 0 3px 0; } #ZoneReportage li.plupload_droptext, #ZoneGalerie li.plupload_droptext { min-height: 120px; } #ZoneUpFichierLie .plupload_droptext, #depot .plupload_droptext { background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important; border: medium none !important; } #depot h1.nom_repertoire, #zone_de_publication h1.nom_repertoire { font-size: 15px; font-weight: normal; margin: 20px 0 0 0px; text-transform: uppercase; } /* =============================================================== LE PIXELOVORE | INPUT, FORMULAIRE, TEXTAREA, ETC... =============================================================== */ select { padding: 0px 20px 0px 4px !important; margin: 0 !important; border: 1px solid #e5e5e1 !important; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important; overflow: hidden !important; background: url("../images/down_select.png") no-repeat scroll calc(100% - 7px) 50% #f5f5f1; text-align: left; text-transform: none; float: left; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; font-size: 12px !important; font-weight: 300; -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; max-width: 400px; color: #8F8F8B; min-height: 30px; } /* select:focus { outline: none !important; outline: 0 !important; } */ select option { border-top: 3px solid #f5f5f1; padding: 7px 5px; text-align: left; text-transform: none; letter-spacing: 0px; } input::-moz-focus-inner, select::-moz-focus-inner { border: 0; } select option[value="0"]:last-child { background-color: #c5c5c1; color: #fff; font-weight: bold !important; } optgroup { font-style: normal; letter-spacing: 2px; margin: 0; padding: 20px !important; text-align: center; text-transform: uppercase; } optgroup:nth-child(2n+1) { background: #d5d5d1 none repeat scroll 0 0 !important; } select optgroup option:first-child { margin-top: 20px; } li#gerer #Mini_Select_tous_Articles, .MiniSelect.DelaisAccueil { background: #efefeb url("../images/down_select.png") no-repeat scroll center center / 50%; border: 8px solid #e5e5e1 !important; border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; box-sizing: padding-box; display: block; float: none; height: 25px; margin: 0 0 0 70px; position: absolute; top: 250px; width: 25px; cursor: pointer; padding: 0; } .association ul#Mini_Select_tous_Articles { margin-left: 170px !important; } .association li.ContainerMiniSelectLi { margin-left: 70px; } li#gerer.big_actif #Mini_Select_tous_Articles, li#gerer:hover #Mini_Select_tous_Articles, .MiniSelect.DelaisAccueil { background: #fff url("../images/down_select.png") no-repeat scroll center center / 50%; } .ContainerMiniSelectLi { border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; margin: 20px 0 0 -30px; width: 250px; background-color: #FFFFFF; -webkit-box-shadow: 1px 1px 5px 1px rgba(00, 00, 00, 0.2); box-shadow: 1px 1px 5px 1px rgba(00, 00, 00, 0.2); -moz-box-shadow:1px 1px 5px 1px rgba(00, 00, 00, 0.2); padding: 0; display: none; position: absolute; z-index: 100; } .MiniSelectLi li:not(.CategorieLi) { border-bottom: 1px solid #f5f5f1; font-size: 12px; height: auto; line-height: normal; overflow: hidden; padding: 0; text-align: left; text-overflow: ellipsis; white-space: nowrap; width: 205px; } .AccesRapide:hover { background: rgba(229, 229, 225, 0.2) none repeat scroll 0 0; } .MiniSelectLi li img { height: 35px; margin: 2px 5px 3px 0; vertical-align: middle; } .ContainerMiniSelectLi::after { border-bottom: 15px solid #fff; border-left: 15px solid transparent; border-right: 15px solid transparent; content: ""; height: 0; left: 106px; position: absolute; top: -15px; width: 0; } .SurAccueil .ContainerMiniSelectLi::after { border-bottom: 6px solid #fff; border-left: 6px solid transparent; border-right: 6px solid transparent; left: 34px; top: -6px; } .MiniSelectLi { padding: 15px; max-height: 300px; overflow: auto; width: 220px; } .MiniSelectLi .CategorieLi { background: #e5e5e1 none repeat scroll 0 0; box-sizing: border-box; font-weight: bold; height: auto; line-height: normal; margin: 0; padding: 5px; text-align: center; cursor: default; } .MiniSelectLi ul { border-bottom: 1px solid #f5f5f1; font-size: 12px; height: auto; line-height: normal; padding: 0; text-align: left; } .ContainerMiniSelectLi > div { height: auto; vertical-align: top; width: 100%; } .AccesRapide > span { display: inline-block; margin: 0 5px 0 0; overflow: hidden; text-align: right; vertical-align: middle; width: 40px; } #gererFiltrerMini { box-sizing: border-box; height: auto; left: 0; padding: 10px; width: 100%; } .ContainerMiniSelectLi div:not(.SaveInProgress):not(.progress):not(.Waiting):not(#info_progression)::after { color: #c5c5c1; content: "\f002"; font-family: "fontawesome"; font-size: 12px; height: 10px; position: absolute; right: 15px; top: -70px; width: 10px; } .MenuTop .ContainerMiniSelectLi div:not(.SaveInProgress):not(.progress):not(.Waiting):not(#info_progression)::after { top: 0; } #zone_de_publication #select_tous_les_Articles { margin: 15px 15px 0 0 !important; max-width: 400px; } #tableau_gerer #select_tous_les_Articles { margin: 0 0 17px !important; max-width: 400px; } select option { background-color: #fff; color: #000!important; } input[type="file"] { background-color: #F5F5F1; color: #333333; font-size: 12px; padding: 10px 2%; box-sizing: border-box; } .detail_produit > dd { border-right: 1px solid #E5E5E1; display: inline-block; font-size: 11px; padding: 0 5px; } .info_connexion { box-sizing: border-box; max-height: 35px; min-height: 12px; overflow: hidden; padding: 0 10px; position: relative; top: 10px; } .info_connexion:not(.Stat):hover { position: relative; z-index: 1; overflow: auto; } .info_lecture { color: #8F8F8B; font-size: 12px; height: 17px; overflow: hidden; padding: 5px 0 3px; } .info_lecture:hover { height: auto !important; } .email_lecture, .date_lecture, .total_lecture { border-bottom: 1px solid #D5D5D1; display: inline-block; font-size: 12px; padding: 5px 0; text-transform: none; } .email_lecture, .date_lecture { width: 43%; } .total_lecture { text-align: right; width: 13%; } .provenance { color: #D0E132; display: inline-block; width: 295px; } .pas_a_jour { color: #DB0243; display: inline-block; font-size: 12px; font-weight: 300; line-height: 15px; margin: 0 0 0 5px; overflow: hidden; padding: 0; text-align: left; text-transform: none; width: calc(50% - 5px); } .liste_maj { line-height: 30px; text-align: left; } .check_maj { background-color: #C5C5C1; color: #FFFFFF; display: inline; font-size: 12px; margin: 0 5px 0 0; padding: 1px 3px; } .check_maj, .echec_maj { background-color: #C5C5C1; color: #FFFFFF; display: inline; font-size: 12px; margin: 0 5px 0 0; padding: 1px 3px; } #bouton_deconnect { background-color: #D5D5D1; border: 1px solid #C5C5C1; color: #8B8B8F; display: block; font-size: 9px; margin: 0 auto 45px; padding: 2px; text-align: center; text-decoration: none; width: 70px; } #bouton_deconnect:hover { background-color: #b5b5b1; border: 1px solid #a5a5a1; color: #f5f5f1; } #statut_adminSelector { float: none !important; margin: 20px 360px !important; width: 80px; } .echec_maj { background-color: #DB0243 !important; font-size: 10px !important; font-weight: bold !important; padding: 2px 5px !important; } .m_a_j { background-color: #E5E5E1; border: 1px solid #D5D5D1; margin: 10px 0; padding: 5px; cursor: pointer; } .m_a_j:hover { background-color: #D5D5D1; border: 1px solid #C5C5C1; color: #F5F5F1; } hr { background-color: #e5e6e1; border: medium none; clear: both; float: left; height: 1px; margin: 20px 0; width: 100%; } #formulaire_parametrer hr { background: transparent none repeat scroll 0 0; margin: 0; } .tiret_long { background-color: #FFFFFF; height: 1px; margin: 2px 7px; width: 15px; } .tiret_court { background-color: #FFFFFF; height: 1px; margin: 2px 7px; width: 10px; } #selection_outil { display:none; background-color: #FF6347; float: left; height: 1px; width: 30px; } .onglet_on, button.fr-p-bttn.f-ok:hover { background-color: #333333 !important; } .style_actif { background-color: #D0E132 !important; color:#ffffff !important; } #bold.style_actif:hover, #italic.style_actif:hover, #underline.style_actif:hover, #titre.style_actif:hover, #soustitre.style_actif:hover, #exergue.style_actif:hover, #http.style_actif:hover { background-color:#CF3317 !important; cursor : pointer; } #text, #media { color: #FFFFFF; height: 15px; padding: 10px; text-align: center; width: 15px; cursor:pointer; } #text:hover, #media:hover { background-color: #CF3317; } #fleche_bas, #fleche_haut { clear: both; float: left; width: 285px; } #center .tiret_long, #center .tiret_court { margin: 2px auto !important; } #right .tiret_long, #center .tiret_court { margin: 2px auto !important; } #right .tiret_court { background-color: #FFFFFF; height: 1px; margin: 2px 11px; width: 10px; } #lien { clear: both; float: left; } #style > p, #alignement > p, #lien > p, #predefini > p { clear: both; color: #999999; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; font-size: 11px; font-weight: bold; letter-spacing: 1px; margin: 15px 0 5px; } #container_outil { background-color: #333333; float: left; height: auto; padding: 0 15px 15px; width: 255px; clear:both; } #style > div:hover, #left:hover, #center:hover, #right:hover, #justify:hover, #lien_ok:hover, #titre:hover, #soustitre:hover, #exergue:hover, #texte:hover { background-color:#D0E132; cursor:pointer; } #bold, #titre { background-color: #444444; color: #FFFFFF; cursor: pointer; float: left; font-size: 12px; font-weight: bold; padding: 6px 4px; text-align: center; width: 20px; border-right:1px solid #535353; } #titre, #soustitre, #exergue, #texte { font-size: 10px !important; font-style: normal !important; font-weight: normal !important; text-decoration: none !important; text-transform: uppercase !important; width: auto !important; } #italic, #soustitre, #exergue { background-color: #444444; color: #FFFFFF; cursor: pointer; float: left; font-size: 12px; padding: 6px 4px; text-align: center; width: 20px; border-right:1px solid #535353; font-style: italic; } #underline, #texte { text-decoration:underline; background-color: #444444; color: #FFFFFF; cursor: pointer; float: left; font-size: 12px; font-weight: bold; padding: 6px 4px; text-align: center; width: 20px; } #link { background-color: #444444; color: #FFFFFF; cursor: default; float: left; font-size: 12px; font-weight: bold; text-align: center; width: auto; height:auto; } #http { background-color: #3D3D3D; color: #888888; float: left; font-weight: normal; letter-spacing: 1px; padding: 6px 3px 6px 7px; } .lien_actif { color : #97cefa !important; } .inner_link { float: left; width: 20px; padding: 6px 4px; } #lien_ok { background-color: #444444; float: left; padding: 6px; margin: 0 0 0 1px; } #champ_lien { background-color: #3D3D3D; cursor: text; float: left; font-weight: normal; letter-spacing: 1px; max-width: 170px; padding: 6px 4px; text-align: left; width: 170px; color: #5D5D5D; } #champ_lien:focus { outline:1px dotted #87CEFA; color:#ffffff; } #champ_lien:hover { color:#ffffff; } #left { background-color: #444444; color: #FFFFFF; cursor: pointer; float: left; width: 26px; border-right:1px solid #535353; height: 10px; padding: 7px 3px 11px; } #center { background-color: #444444; color: #FFFFFF; cursor: pointer; float: left; width: 26px; height: 10px; border-right:1px solid #535353; padding: 7px 3px 11px; } #right { background-color: #444444; color: #FFFFFF; cursor: pointer; float: left; width: 26px; height: 10px; border-right:1px solid #535353; padding: 7px 3px 11px; } #justify { background-color: #444444; color: #FFFFFF; cursor: pointer; float: left; width: 26px; height: 10px; padding: 7px 3px 11px; } .triangle_bas { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #333333; margin:auto; } .triangle_haut { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #333333; margin:auto; } .triangle_droite { border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #C5C5C1; border-style: solid; border-width: 5px 0 5px 5px; display: inline-block; height: 0; margin: 4px 5px 0; width: 0; } body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; background-color: #E5E5E1; color: #8F8F8B; margin: 0; -webkit-appearance: none; overflow-x: hidden; } ::-moz-selection, ::selection { background-color: #D0E132; padding: 2px 4px; color: #ffffff; font-weight: bold; } #zone_de_publication.mini_menu { margin-top: 300px !important; } #publier.mini_menu, #gerer.mini_menu, #diffuser.mini_menu, #parametrer.mini_menu { background-color: rgba(0, 0, 0, 0) !important; color: #8f8f8b; height: 25px; line-height: 25px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } #publier.mini_menu:hover, #gerer.mini_menu:hover, #diffuser.mini_menu:hover, #parametrer.mini_menu:hover, .big_actif.mini_menu { background-color: #f5f5f1 !important; } .pastille { background-color: #DB0243; border: 10px solid #E5E5E1; border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; color: #FFFFFF; font-size: 14px; font-weight: lighter; height: 25px; letter-spacing: 0; line-height: 25px; margin: 0 0 0 70px; position: absolute; text-align: center; top: 70px; width: 25px; } .pastille:hover, #Transmissions:hover .petite_pastille, .menu_categorie:hover .petite_pastille, .petite_pastille:hover, li#gerer #Mini_Select_tous_Articles:hover { transform: scale(1.25); -webkit-transform: scale(1.25); -moz-transform: scale(1.25); -o-transform: scale(1.25); -ms-transform: scale(1.25); } .petite_pastille { background-color: #DB0243; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; color: #FFFFFF; display: inline-block; font-size: 10px; font-weight: bold; height: 15px; line-height: 15px; padding: 0 5px !important; position: relative; right: 0px; text-align: center; top: -4px; width: auto; } .petite_pastille.grise { background-color: #f5f5f1 !important; border: 1px dotted #e5e5e1; border-radius: 100%; box-sizing: border-box; color: #555; display: inline-block; font-family: arial !important; font-size: 8px; font-weight: normal; height: 14px; line-height: 12px; padding: 0 !important; text-align: center; width: 14px; } .petite_pastille.grise:hover, .menu_categorie:hover > .petite_pastille.grise { background-color: #D0E132 !important; color: #fff !important; } .big_actif.mini_menu { color: #D0E132 !important; } #zone_de_publication, #depot { background: url("../images/arrow_blanc_haut.jpg") no-repeat scroll 80px -5px #FFFFFF; display: none; margin: 10px 0 0 0 !important; float: left; width: 790px; } .ClearZone { -moz-transform: translateX(0px) translateY(2000px); -webkit-transform: translateX(0px) translateY(2000px); -o-transform: translateX(0px) translateY(2000px); -ms-transform: translateX(0px) translateY(2000px); transform: translateX(0px) translateY(2000px); opacity: 0; } .ClearObject { -moz-transform: translateX(0px) translateY(-500px); -webkit-transform: translateX(0px) translateY(-500px); -o-transform: translateX(0px) translateY(-500px); -ms-transform: translateX(0px) translateY(-500px); transform: translateX(0px) translateY(-500px); opacity: 0.2; } #info_livraison { background: url("../images/arrow_blanc_bas.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); float: left; height: 11px; margin: 5px 0 0; width: 128px; position: relative; z-index: 10; } .champs_info_livraison { background-color: #FEFEFE; font-size: 12px; margin: 10px 0 0 !important; padding: 5px; position: absolute; left: -92px; } .champs_info_livraison input { margin: 0 0 5px !important; padding: 5px; width: 180px; } .champs_info_livraison > dt { padding: 5px; } #bouton_livraison { font-size: 12px; font-weight: normal; margin: 5px 0 !important; padding: 5px !important; width: 208px; } .load_image { margin: 10px 0 !important; } .load_imagecentre { left: 42%; position: absolute; top: 40%; } #formulaire { margin: auto; width: 790px; } h2 { color: #BEBEBE; float: left; font-size: 28px; font-weight: 300; margin: 0 0 10px; padding: 0 10px; } h3 { color: #A0A0A0; display: inline-block; float: right; font-size: 15px; font-weight: 300; letter-spacing: 1px; margin: 9px 0 0; } #ResetNomFichier h2 { padding: 10px 0 0; width: 100%; } #ResetNomFichier #selecteur_type, #ResetNomFichier h2 { text-align: center; } #ResetNomFichier #publier_type { float: none; } #tableau_gerer h3{ margin: 2px 10px 0 0; } .center:not(.arrow) { display: block; margin: auto; padding: 20px 0; } .reportage_ov { max-height: 140px; overflow: auto; text-transform: none; } .td_1 .reportage_ov { font-weight: bold; } .td_1 h2 { font-size: 17px; margin: 0; padding: 0; } .td_1 .reportage_ov button { font-size: 11px !important; font-weight: inherit !important; } /* td.td_Date, .td_0 { background: rgba(255, 255, 255, 0.5); } */ td.td_1.Titre{ box-shadow: -5px 0 15px -5px rgba(51, 51, 51, 0.2); } .td_0 { min-width: 60px; } .td_0 dl.picto_tableau:nth-child(odd) { clear: left; } .cantine .td_0 { width: auto !important; } .cantine td { padding: 10px; } .cantine .td_1 dd { clear: both; float: left; margin: 5px 0 !important; } .cantine .td_0 { width: 30px !important; } .cantine .td_1 { width: 240px; } .cantine .td_2 { width: 230px; } .cantine .td_3 { width: 100px; } .cantine .td_3 > dl { height: auto; } .cantine .email_ecrire { width: 150px !important; } #correspondance_mail_cantine .vide { text-align: center; font-size: 12px; color: orange; } #texte_principal h1 { margin: 0; } #texte_principal h2 { border-top: 1px solid; box-sizing: border-box; margin: 25px 0 0; text-align: center; width: 100% !important; } #historique { display: inline-block; font-size: 12px; max-height: 160px; overflow: auto; } .correspondance_mail hr, .no_gerer_ID_page.commentaire > hr { border-color: #e5e5e1; border-style: none none solid; border-width: medium medium 1px; margin: 10px 0 !important; } .TrSpace.email, #formulaire_mail_cantine, .correspondance_mail_cantine { background-color: #777777 !important; color: #ffffff !important; } .TrSpace.email * { color: #fff !important; } .rechercheLimitee dl { margin: 15px 0 !important; max-height: 80px; overflow: auto; text-transform: none; } .correspondance_mail_cantine td { font-size: 12px; } .correspondance_mail_cantine { border-bottom: 1px solid #f5f5f1; } .correspondance_mail_cantine h3, .correspondance_mail_cantine h4 { display: block; float: none; } #formulaire_connexion ul { top: -50px !important; } #formulaire_connexion { background-color: #EFEFEB; border: medium none !important; font-size: 15px; font-weight: 300; margin: 0 auto; padding: 30px 25px 5px 25px; width: 160px; text-align: center; } #formulaire_connexion_DV { background-color: rgba(239, 239, 235, 0.8); height: 100%; left: 0; padding: 30px 0 0; position: fixed; text-align: center; top: 0; width: 100%; z-index: 1; } tr.repere_pastille { -moz-box-shadow: -45px 5px 0 -15px #D0E132, 45px 5px 0 -15px #D0E132 !important; -webkit-box-shadow: -45px 5px 0 -15px #D0E132, 45px 5px 0 -15px #D0E132 !important; box-shadow: -45px 5px 0 -15px #D0E132, 45px 5px 0 -15px #D0E132 !important; -webkit-transition: all 0s ease 0s; -moz-transition: all 0s ease 0s; -ms-transition: all 0s ease 0s; -o-transition: all 0s ease 0s; transition: all 0s ease 0s; } li.repere_pastille { border: 5px #D0E032 solid !important; } .picto_tableau.lu { margin: 0 5px 0 0 !important; } .picto_tableau.lu.Centrage { clear: left; margin: 0 10px !important; } #zone_de_connexion .BtnLoad { float: none; margin: 0 auto 10px; } #formulaire_connexion_DV #zone_de_connexion { margin: auto; width: 210px; } #formulaire_connexion { position: relative; } #formulaire_connexion .SaveInProgress { position: absolute; width: 210px; } #formulaire_connexion #bloc_Progression { left: 25px; position: absolute; top: 320px; width: 160px; } #formulaire_connexion .img_footer { margin: 15px 115px 5px !important; } .trait { background-color: #e5e5e1; border: 2px solid #8F8F8B; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; height: 14px; left: 5px; position: absolute; top: -8px; width: 3px; } .rond { border: 3px solid #e5e5e1; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; height: 16px; margin: auto; position: relative; width: 16px; } #connexionbouton:hover > .rond, #connexionbouton_DV:hover > .rond { border: 3px solid #D0E132; } #connexionbouton:hover > .rond > .trait, #connexionbouton_DV:hover > .rond > .trait { border: 2px solid #8f8f8b; background-color: #D0E132; } #connecting > img { display: inline; } #connecting .fichier { border-right: 1px solid #C5C5C1; clear: both; display: inline-block; font-size: 12px; height: 12px; margin: 0 5px 0 0; text-align: left; width: 125px; } #connecting hr { border-color: -moz-use-text-color -moz-use-text-color #D5D5D1; border-style: none none solid; border-width: medium medium 1px; margin: 20px 0; } .formulaire_publier, .formulaire_parametrer, #tableau_gerer, #tableau_reservation, #formulaire_diffuser { padding: 15px !important; width: 760px !important; } #tableau_gerer h1, #tableau_reservation h1 { margin: 0 0 10px 0; float: left; font-size: 20px; } #toggle_li_tr_btn { border: medium none; height: 20px; margin: 4px 0 0 10px; width: 20px; font-size: 0; } .carre_li{ background: url("../images/icons_noir.png") no-repeat scroll -212px 2px transparent !important; } .carre_li:hover { background: url("../images/icons_blanc.png") no-repeat scroll -212px 2px transparent !important; } .carre_tr{ background: url("../images/icons_noir.png") no-repeat scroll -261px 2px transparent !important; } .carre_tr:hover { background: url("../images/icons_blanc.png") no-repeat scroll -261px 2px transparent !important; } ul.gerer_tableau > li ol.td_0, ul.gerer_tableau > li ol.ol_0 { display: inline-flex; margin: 0 !important; } ul.gerer_tableau li ol.td_3, ul.gerer_tableau li ol.td_1, ul.gerer_tableau li ol.td_4, .ol_3, .ol_1, .ol_4 { position: absolute; height: 80px !important; margin: 5px 0 0; } ul.gerer_tableau > li .picto_tableau { margin: 0 2px !important; } ul.gerer_tableau li ol.td_1 dl dd button, .ol_1 dl dd button { background-color: #fff !important; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; color: #8f8f8b !important; overflow: hidden; padding: 5px 0 0 !important; width: 100%; } ul.gerer_tableau li ol.td_1, .ol_1 { background-color: #fff; bottom: 10px; display: block !important; height: auto !important; margin: 0; width: 200px !important; z-index: 1; } li.TrSpace.contact ol.td_1 { text-transform: none; text-align: left; } .TrSpace.demande h3, .TrSpace.demande h4 { display: block; float: none; letter-spacing: 0; text-transform: uppercase; } ul.gerer_tableau li.TrSpace.nom_categorie ol.td_1 { bottom: 20px; } ul.gerer_tableau li.TrSpace.nom_categorie:hover ol.td_1 { bottom: 31px; } ul.reportage_interieur.Galerie .ol_1 { background: transparent; } ul.gerer_tableau li ol.td_3 dl dd button img, .ol_3 dl dd button img { height: auto; width: 200px !important; } ul.gerer_tableau li ol.td_3 dl dd button, .ol_3 dl dd button { height: 160px !important; overflow: hidden; padding: 0 !important; width: 198px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } ul.gerer_tableau li ol.td_4 dl dd button, .ol_4 dl dd button { color: #fff !important; font-size: 8px !important; font-weight: bold !important; padding: 0 15px; } ul.gerer_tableau li ol.td_4, .ol_4 { bottom: 16px; height: 20px !important; margin: 0; } ul.gerer_tableau li ol.td_0, .ol_0, ul.reportage_interieur li ol.td_0 { bottom: -15px; left: 10px; position: absolute; width: 170px !important; z-index: -1; opacity: 0; } ul.gerer_tableau li:hover *, ul.reportage_interieur li:hover *, .BlocMenu ul.BigMenu li::before { -webkit-transition: all 0.5s ease 0.1s; -moz-transition: all 0.5s ease 0.1s; -ms-transition: all 0.5s ease 0.1s; -o-transition: all 0.5s ease 0.1s; transition: all 0.5s ease 0.1s; } ul.gerer_tableau li:hover ol.td_0, li:hover .ol_0, li.TrSpace.Open .ol_0 { opacity: 1; bottom: 5px; z-index: 3; } ul.gerer_tableau li:hover ol.td_1, li:hover .ol_1 { bottom: 31px; } ul.gerer_tableau li ol.td_0:hover, .ol_0:hover { z-index: 3; } ul.gerer_tableau li ol.td_3, .ol_3 { height: 150px !important; margin: 0; overflow: hidden !important; width: 200px; } ul.gerer_tableau li ol.td_z, .ol_z { right: 0; position: absolute; top: 0; z-index: -1; opacity: 0; background: #fff; padding: 5px !important; } ul.gerer_tableau li:hover ol.td_z, li:hover .ol_z { opacity: 1; right: -18px; z-index: 3; } li.TrSpace .td_z dl, li.TrSpace .td_z a { clear: right; float: right; margin: 0.1em 0 !important; } /* li.TrSpace:hover > ol.td_3, li.TrSpace:hover > ol.ol_3 { opacity: 0.6 !important; } */ #tableau_gerer ul { background-color: #f5f5f1; float: left; list-style: outside none none; margin: 0; padding: 0px; width: 756px; } .reportage_interieur:first-of-type { margin: 15px 0 0 !important; } .TrSpace ol { margin: 0; padding: 0; } .MenuBottom { z-index: 3001; bottom: 0px; height: 50px; background: rgba(255, 255, 255, 0.8); box-sizing: border-box; position: fixed; box-shadow: 0 -5px 15px 5px rgba(0,0,0,0.1); left: 0; width: 100%; } .MenuTop .MenuBottom { bottom: 78px; } #MultiTrash { background-color: #8f8f8b; border-radius: 5px; color: #fff; cursor: pointer; float: right; padding: 5px; margin: 12px 30px 0; } #MultiTrash:hover { background-color: #6f6f6b; } ol.td_2, ol.td_Date, li .item-thumbs:hover img { display: none !important; } #tableau_gerer ul:not(.TriItem):not(.TriItemBtn):not(.DelaisAccueil):not(.SurAccueil) li:not(.ContainerMiniSelectLi) { background-color: #fff; float: left; height: 170px; margin: 15px 30px 15px 0; padding: 10px; text-align: center; width: 200px; } .DelaisAccueil li { max-width: 130px; font-size: 10px; padding: 5px!important; margin: 0 !important; text-align: left !important; clear: both; height: auto !important; border-radius: 0 !important; cursor: pointer; } .TrSpace ul.DelaisAccueil li { font-size: 13px; } .SurAccueil li.ContainerMiniSelectLi { display: block; transform: scaleY(0); transform-origin: 50% 0; transition: 1s transform 1s ease; } .SurAccueil:hover li.ContainerMiniSelectLi { margin-top: 21px; transform: scaleY(1); transition-delay: 0.2s !important; } ul.SurAccueil .ContainerMiniSelectLi, ul.DelaisAccueil { background-color: #fff !important; max-width: 140px; box-shadow: 0 0 15px -5px #101010; border-radius: 3px; } /* li ol.td_0 .SurAccueil:hover li.ContainerMiniSelectLi { transform: translate(0,-275px) !important; } */ .DelaisAccueil li:hover, li[data-lidelais="toujours"] li[data-delais="toujours"], li[data-lidelais="jusqualafin"] li[data-delais="jusqualafin"], li[data-lidelais="jusquaudebut"] li[data-delais="jusquaudebut"], li[data-lidelais="jusqualafin+un"] li[data-delais="jusqualafin+un"], li[data-lidelais="jusquaudebut+un"] li[data-delais="jusquaudebut+un"], li[data-lidelais="jusqualafin-un"] li[data-delais="jusqualafin-un"], li[data-lidelais="jusquaudebut-un"] li[data-delais="jusquaudebut-un"], li[data-lidelais="jusqualafin+30"] li[data-delais="jusqualafin+30"], li[data-lidelais="jusquaudebut+30"] li[data-delais="jusquaudebut+30"], li[data-lidelais="non"] li[data-delais="non"] { background: rgba(212, 225, 85, 0.8) none repeat scroll 0 0 !important; color: #fff !important; } #tableau_gerer ul:not(.reportage_interieur) li.TrSpace { margin: 15px !important; } .div_0, .div_z { position: absolute; z-index: 1; } .div_0 { left: -19px; top: 5px; } .div_z { bottom: 5px; left: -19px; } .div_5 dd, .div_5 dl, .div_5 dl dd .gerer_ID_page { height: 150px; left: 0; padding: 10px 0; position: absolute; text-align: center; top: 0; width: 140px; } .TrSpace { border-left: 1px solid #F9F9F9; border-right: 1px solid #F9F9F9; position: relative; } li.TrSpace > .div_5 button { text-align: center; width: 100%; } .rangee_email { background-color: #EFEFEF; float: left; font-size: 14px; font-weight: 300; margin: 0 5px 10px 0; padding: 1px 5px 2px; } .rangee_ip > td { font-size: 10px; padding: 0 5px; } .rangee_ip b { font-weight: bold; } .stat_mensuel { color: #8F8F8B; display: inline-block; height: 35px; width: 7.1%; position: relative; } .stat_mensuel_nom { font-size: 8px; padding: 3px 0 0; text-align: center; } .stat_mensuel_compte { position: absolute; text-align: center; bottom: 10px; width: 100%; z-index: 2; } .stat_mensuel_niveau { background-color: #D0E132; bottom: 0; position: absolute; width: 100%; } .nombre_de_vue { font-size: 12px; font-weight: 300; width: 10%; } .email_ok, .email_echec { display: inline-block; font-size: 12px; font-weight: 300; margin: 10px 0 0; padding: 0 5px 5px 0; text-align: left; text-transform: none; } .container_symbole { color: #FFFFFF; display: inline-block; font-size: 12px; margin: 0 5px 0 0; padding: 0 2px; text-align: center; } .email_ok > .container_symbole { background-color: #D0E132; border-bottom: 1px solid #C0C0C0; border-right: 1px solid #C0C0C0; font-weight: bold; height: 14px; line-height: 14px; width: 10px; } .email_echec > .container_symbole { background-color: #DB0243; display: inline-block; font-weight: bold; height: 14px; line-height: 12px; width: 10px; border-bottom: 1px solid #C0C0C0; border-right: 1px solid #C0C0C0; } .email_echec { color: #DB0243 !important } .Col1, .Col2, .Col3, .Col4 { display: inline-block } .Col1 { width: 180px } .Col4 { float: right; width: 240px; } .Col2, .Col3, .Col4 { border-left: 1px solid #e5e6e1; box-sizing: border-box; height: 23px; padding-left: 5px; vertical-align: middle; } .Col4 .fa.fa-exclamation-triangle.email_echec, .ResetAgenda { cursor: pointer } .Col4 .fa.fa-exclamation-triangle.email_echec:hover { color: #555555 } .gerer_tableau.emails .TrSpace td:not(.td_z) { padding: 10px !important } .td_z { padding: 10px 10px 0 !important; vertical-align: top;} .rangee_espace { display: table-row } .rangee_espace:hover { background-color: transparent !important } .rangee_email_container .dl_email { min-width: 25px !important; width: 25px !important; } .rangee_espace > td { background: url("../images/ombre_tableau.jpg") repeat-x scroll 0 2px rgba(0, 0, 0, 0) !important; border: 1px solid #FFFFFF; height: 15px; } .div_6 .gerer_ID_page { font-size: 10px !important; } .TrSpace .picto_tableau { width: 20px; float: left; } .picto_web { margin: 0 5px !important; text-align: center; } dl { float: left; height: auto; margin: 0; width: 100%; } #texte_principal, #texte_secondaire { z-index: 20; position: relative; } .page_visitee, .FiltreConnexion { border-bottom: 1px solid #F5F5F1; float: left; margin: 5px 0; width: 85%; padding: 0 0 5px; text-transform: none; } .FiltreConnexion, h6.Journee { width: 100%; } .score_page_visitee { border-bottom: 1px solid #F5F5F1; float: right; margin: 5px 0; text-align: right; width: 15%; } .OneTwo:nth-child(2n+1) { background: rgba(229, 229, 225, 0.3) none repeat scroll 0 0; float: left; width: 100%; } .OneTwo { box-shadow: 0 -2px 5px -3px rgba(0, 0, 0, 0.2); box-sizing: border-box; float: left; padding: 10px; width: 100%; font-size: 12px; } .page_visitee > span { display: block; padding: 5px; } .page_visitee > span:nth-child(2n+1) { background: rgba(229, 229, 225, 0.2) none repeat scroll 0 0; } .OneTwo:nth-child(2n+1) .page_visitee > span:nth-child(2n) { background: rgba(229, 229, 225, 0.7) none repeat scroll 0 0; } .Seconde, .Minute, .Heure { display: block; font-size: 30px; } .OneTwo .score_page_visitee { border: medium none; font-size: 9px; line-height: 19px; text-align: center; } .OneTwo .page_visitee { border: medium none; padding: 0 !important; } .progression_positive > b, #tableau_gerer_statistiques > h3 > b { color: #D0E132; font-size: 18px; font-weight: bold; } .progression_negative > b { color: #FFA500 !important; font-size: 18px; font-weight: bold; } .progression_positive, .progression_negative { display: inline-block; font-size: 12px; margin: 0 0 0 5px; text-align: right; width: 60px; } #tableau_gerer_statistiques > h3:not(.reglette):not(.reglette_debut):not(.reglette_fin) { font-size: 10px; margin: 44px 0 0; } .phot, h6.Journee { color: #D0E132; } h6.Journee { font-size: 14px !important; margin: 30px 0 10px !important; padding: 0px 5px 0; text-transform: uppercase; } .rep { color: #90A100; } #suivant { background-color: #f5f5f1; -moz-box-shadow: 0 2px 0 0 #e5e5e1; -webkit-box-shadow: 0 2px 0 0 #e5e5e1; box-shadow: 0 2px 0 0 #e5e5e1; cursor: pointer; float: left; font-size: 12px; font-weight: 300; height: 40px !important; letter-spacing: 2px; margin: 20px 15px 20px !important; padding: 5px 0 2px; position: relative; text-align: center; width: calc(100% - 30px); display:none; transform: translate(0, 0px); transform-origin: center center; } #suivant:hover { background-color: #c5c5c1; -moz-box-shadow: 0 3px 0 0 #a5a5a1 inset; -webkit-box-shadow: 0 3px 0 0 #a5a5a1 inset; box-shadow: 0 3px 0 0 #a5a5a1 inset; border-bottom: none; color: #ffffff; padding: 5px 0 2px 0; } #suivant div:not(#Niveau) { position: relative; z-index: 1; } #Niveau { box-sizing: border-box; font-size: 9px; height: 15px; left: 0; padding: 2px 0; position: absolute; text-align: right; top: -15px; width: 100%; } #suivant > p { display: inline-block; margin: 14px 0 0; vertical-align: top; } .suivant { background-color: rgba(0, 0, 0, 0); border-left: 10px solid rgba(0, 0, 0, 0); border-right: 10px solid rgba(0, 0, 0, 0); border-top: 10px solid rgba(0,0,0,0); height: 0; margin: 0 auto 30px; width: 0; } .knob { background-color: rgba(0, 0, 0, 0) !important; color: #808080 !important; font-weight: 500 !important; letter-spacing: 0.5px; cursor: inherit !important; font-size: 13px !important; padding: 1px 0 0 !important; } .bouton_suivant .knob { border-radius: 25px !important; min-height: 30px !important; min-width: 30px !important; top: -9px !important; left: 37px !important; z-index: -1 !important; } .bouton_suivant:hover .knob, .knod:hover { color: #fff !important; background: rgba(0,0,0,0.4) !important; border-radius: 25px; min-height: 30px; min-width: 30px; top: -9px; left: 37px; z-index: -1; } .x_suivant { border: 3px solid; -moz-border-radius: 55px; -webkit-border-radius: 55px; border-radius: 55px; display: inline-block; padding: 5px; } .backtotop_fleche { background-color: rgba(0, 0, 0, 0); border-left: 10px solid rgba(0, 0, 0, 0); border-right: 10px solid rgba(0, 0, 0, 0); border-bottom: 10px solid #C5C5C1; height: 0; margin: 30px auto 0px; width: 0; } .hfleche { background-color: #FFFFFF; border-bottom: 10px solid #FFFFFF; border-left: 10px solid #D0E132; border-top: 10px solid #FFFFFF; display: inline-block; height: 0; margin: 0 10px 0 0; width: 0; -webkit-animation: none !important; -moz-animation: none !important; -o-animation: none !important; -ms-animation: none !important; animation: none !important; } .hfleche_open { background-color: #FFFFFF; border-left: 10px solid #FFFFFF; border-right: 10px solid #FFFFFF; border-top: 10px solid #D0E132; display: inline-block; height: 0; margin: 0 10px 0 0; width: 0; -webkit-animation: none !important; -moz-animation: none !important; -o-animation: none !important; -ms-animation: none !important; animation: none !important; } .parametre.langue.setion_1 label, .parametre.langue.setion_1 input { border-right: 1px solid #D0E132; float: left; margin: 0 10px 0 0; padding: 0 10px 0 0; } .parametre.langue.setion_1 input { margin: 1px 5px 0 0; } .parametre.setion_11.social img { left: -5px; position: relative; top: 12px; z-index: 1; } .BtnPix.publier_off.setion_3, .BtnPix.publier_on.setion_3 { float: left; margin-right: 5px !important; } .lisibilite { border: 1px solid #333333 !important; color: #333333 !important; } .contraste { background-color: #FFFFFF; height: 15px; position: fixed; top: 360px; width: 17px; border-radius:3px 0 0 3px; -webkit-border-radius:3px 0 0 3px; -moz-border-radius:3px 0 0 3px; padding: 5px; margin: 0 0 0 -28px; } .contraste:hover{ background-color: #888888; } .contraste:hover .contraste_blanc { height:14px; width:7px; border-radius: 0 14px 14px 0; -moz-border-radius: 0 14px 14px 0; -webkit-border-radius: 0 14px 14px 0; border:1px solid #ffffff; background:#888888; } .contraste:hover .contraste_noir { height:16px; width:8px; border-radius: 16px 0 0 16px; -moz-border-radius: 16px 0 0 16px; -webkit-border-radius: 16px 0 0 16px; background:#ffffff; } .contraste_blanc { height:14px; width:7px; border-radius: 0 14px 14px 0; -moz-border-radius: 0 14px 14px 0; -webkit-border-radius: 0 14px 14px 0; background:#ffffff; cursor: pointer; border:1px solid #888888; float: left; } .contraste_noir { height:16px; width:8px; border-radius: 16px 0 0 16px; -moz-border-radius: 16px 0 0 16px; -webkit-border-radius: 16px 0 0 16px; background:#888888; cursor: pointer; float: left; } .backtotop { background-color: #efefeb; bottom: 300px; cursor: pointer; height: 70px; opacity: 0.5; position: fixed; right: 30px; width: 70px; z-index: 1; } .backtotop:hover { opacity: 1; } .page_visitee > a { background-color: #F5F5F1; color: #A5A5A1; display: inline-block; float: right; font-size: 9px; font-weight: normal; padding: 3px; text-decoration: none; } .gerer_ID_page, .no_gerer_ID_page, .lien_externe { background: none repeat scroll 0 0 transparent !important; color: #8F8F8B !important; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; font-size: 12px !important; font-weight: inherit !important; height: auto !important; text-decoration: none; text-align: left; } #selecteur_groupe .gerer_ID_page { border: medium none; color: #D0E132 !important; cursor: pointer; } .gerer_ID_page.modif { font-size: 10px !important; } .no_gerer_ID_page.commentaire { border-left: 2px solid #8f8f8b; border-radius: 0; margin: 0 10px; max-width: 740px; padding: 0 !important; text-transform: none; } .no_gerer_ID_page.commentaire h3, .no_gerer_ID_page.commentaire p { display: inline-block; float: none !important; width: auto !important; } .no_gerer_ID_page h4 { clear: both; float: left; font-size: 12px; margin: 5px 0 0; text-transform: uppercase; width: 100%; } tr.commentaire .td_3 > dl { height: auto; } .no_gerer_ID_page.commentaire > h3 { color: #8f8f8b; float: left; font-size: 11px; font-weight: bold; letter-spacing: 0; text-transform: uppercase; width: 100%; } .menu_categorie { border-right: 1px solid #555; cursor: pointer; display: inline-block; font-size: 11px; margin: 0 0 10px; padding: 0 5px !important; } .menu_categorie:not(.catactif):hover{ color: #D0E132; } .catactif { background-color: #D0E132; color: #fff; font-weight: bold; box-shadow: 0 5px 0 0 #D0E132, 0 -5px 0 0 #D0E132; } .barre_de_menu { display: inline-block; width: 760px; } .barre_de_menu.espaceur { border-top: 1px solid #c5c5c1; margin: 0 0 5px; padding-top: 15px; } .posteur { border-left: 2px solid #A5A5A1; border-right: 2px solid #A5A5A1; margin: 0 10px; padding: 0 10px; } .info_recadrage { background-color: #ffffff; color: #8f8f8b; float: left; margin: 0; padding: 0 0 10px; text-align: left; text-transform: none; width: 100%; } .recadrage, #opacite_article_0, #opacite_article_1, #opacite_article_2, #opacite_article_3, .design_3, #article_0, .design3#cartouche_1, .design3#cartouche_2, .design3#cartouche_3, #cartouche_0, .imgareaselect-border1, .imgareaselect-border2, .imgareaselect-border3, .imgareaselect-border4, .imgareaselect-handle, .imgareaselect-outer, .imgareaselect-selection, .TriArticle li, .LargeurImage, .CodeMirror * { -webkit-transition: none 0s ease 0s !important; -moz-transition: none 0s ease 0s !important; -ms-transition: none 0s ease 0s !important; -o-transition: none 0s ease 0s !important; transition: none 0s ease 0s !important; } .lien_externe img { height: 90px; } .total_des_destinataires { background-color: #C5C5C1; border-left: 1px solid #E5E5E1; border-right: 1px solid #E5E5E1; color: #FFFFFF; float: left; font-size: 11px; font-weight: normal; max-height: 14px; padding: 3px; text-transform: lowercase; } .no_gerer_ID_page { cursor: default; } /* .gerer_ID_page img.TrArticleImg, .no_gerer_ID_page img.TrArticleImg { height: 50px; } */ .reportage_interieur.Galerie .ol_1 button { text-align: center; } .reportage_interieur.Galerie .TrArticleImg.Galerie { height: auto; max-width: 116px; max-height: 140px; } .TrArticleImg.Galerie.diaphane, .recadrage:hover + .RotateKnob, td.DatesArticle dd, #icone_recherche { opacity: 0.2; } .zoom_container_image { position: relative; display: flex; } .liste_achats { float: left; margin: 0 !important; min-width: 315px; padding: 10px 0; text-align: left; text-transform: none; } .liste_achats b { font-weight: bold; } .detail_achat { background-color: #F0F0F0; border-top: 1px solid #D5D5D5; color: #8F8F8F; float: left; font-weight: normal; margin: 5px 0 0; padding: 0 0 0 1%; text-transform: none; width: 70%; } .image_achats { height: 50px; } .prix_achat, .nombre_achat, .frais_port, .prix_expedition, .date_expedition, .date_achat { border-right: 1px solid #d9d9d5; float: left; margin: 0 0 0 0; min-height: 16px; padding: 1% 0 1% 0%; text-align: center; width: 24%; } .total_achat { border-bottom: 1px solid #D5D5D5; font-weight: bold; padding: 10px 00px 3px 10px; text-align: center; white-space: nowrap; } .date_expedition, .date_achat { border: medium none; clear: both; width: 98% !important; } .prix_achat { clear: both; } .tva_achat { font-size: 11px; font-style: italic; padding: 3px 0 0 10px; } .prix_expedition { margin: 0 !important; } .container_image_achat { background-color: #d9d9d5; border-top: 1px solid #D5D5D5; float: left; height: 114px; margin: 5px 0 0; padding: 1%; text-align: center; width: 27%; } .container_image_achat .zoom_container_image { left: 5px; top: -5px; } .container_image_achat .picto_tableau { left: 5px; margin: 0 !important; position: relative; top: 0; } .plein { background-color: #d9d9d5; padding: 2px 0; } dd { margin: 0; position: relative; } dt { float: left; margin: 0px 0 0; padding: 15px 0 10px 0; width: 98%; border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0; } .Inline { display: inline-block; float: none; padding: 10px 0 0; vertical-align: middle; width: auto; } #publier_video { margin: 0; } #tableau_gerer_statistiques > h2 { clear: both; margin: 30px 0 0; padding: 0; } .shema_statistique { background-color: #F5F5F1; border-bottom: 1px solid #E5E5E1; clear: left; font-size: 12px; height: 18px; margin: 0 0 5px; padding: 5px 0 0 10px; position: relative; width: calc(100% - 10px); } .reglette_fin { border-right: 1px solid #D5D5D1; width: calc(30% - 6px); font-size: 10px; font-weight: 300; padding: 0 5px 2px 0; text-align: right; margin: 0; } .reglette { border-left: 1px solid #D5D5D1; padding: 0 !important; width: calc(10% - 1px); height: 17px; margin: 0; } .reglette_debut { clear: both; width: calc(10% - 2px); border-left: 1px solid #D5D5D1; height: 17px; margin: 0; } .reglette b, .reglette_fin b, .reglette_debut b { background-color: #C5C5C1; display: inline-block; height: 7px; margin: 10px 0 0 8.85%; width: 1px; } .OverFlauto { box-shadow: 0 10px 0 0 rgba(0, 0, 0, 0.1); margin: 0 0 50px 0; max-height: 500px; overflow-x: hidden; width: 100%; } .content_shema_stat{ position: absolute; background-color: #D0E132; border-bottom: 1px solid #B5B5B1; border-right: 1px solid #B5B5B1; border-top: 10px solid #C7D829; height: 13px; left: 0; position: absolute; top: 0; } .date_shema_stat { position: absolute; z-index: 1; } .date_record { color: #D5D5D1; float: right; } #tableau_gerer, .formulaire_diffuser { border-bottom: none !important; } .img_footer { margin: 45px 360px 0!important; } #publier, #gerer, #diffuser, #parametrer, .presse, #Robot, #Rediger .gerer_ID_pageUnique { background-color: #EFEFEB; border: medium none !important; font-size: 20px; height: 180px; line-height: 185px; padding: 5px; width: 180px; margin: 0 5px 10px !important; list-style: outside none none; } .presse, #Robot, #Rediger .gerer_ID_pageUnique { color: #C5C5C1; font-size: 45px; width: 780px; } .gerer_ID_pageUnique { font-size: 65px !important; font-weight: 100; text-align: center !important; } .Cantine li { color: #C5C5C1; font-size: 45px; width: 780px !important; } .association { width: 380px !important; } #publier:active, #gerer:active, #diffuser:active, #parametrer:active, .presse:active, #Robot:active, #Rediger .gerer_ID_pageUnique:active { -webkit-box-shadow:inset 0px 0px 2px rgba(0, 0, 0, 0.3); box-shadow:inset 0px 0px 2px rgba(0, 0, 0, 0.3); color: #f5f5f1; } #selecteur_categorie_reservation { float: left; height: auto; margin: 0 0 15px !important; width: 100%; } input#selecteur_categorie_reservation[type="text"] { box-sizing: border-box; } .select_tous_les_reportages { border-color: #E5E5E1 -moz-use-text-color -moz-use-text-color; border-style: solid none none; border-width: 1px medium medium; clear: left; margin: 0 0 15px; } #select_tous_les_reportages > option, #select_tous_les_Photos > option, #select_tous_les_Articles > option, #select_tous_les_Produits > option, #select_tous_les_tous > option { word-wrap: break-word; } select option.Choisir { background: #f5f5f1 none repeat scroll 0 0; border-bottom: 1px solid #e5e5e1; border-top: medium none; margin: 0 10px 10px; text-align: center; } #select_tous_les_tous { margin: 15px !important; } dd#selecteur_categorie, dd#selection_groupe_email, dd#selecteur_sous_categorie, dd#selecteur_groupe, .container_suggestion dd, .containerLien dd { color: #D0E132; border-left: 1px solid #E5E5E1; display: inline-block; margin: 0 10px; padding: 10px; float: left; min-height: 30px; } dd#selecteur_groupe { border-left: medium none; margin-top: 13px !important; } .ZoneDD { border-left: 1px solid #E5E5E1; } .categorieTexte, #selecteur_sous_categorie { line-height: 27px; } .noir { color: #8f8f8b; } #selecteur_sous_categorie { margin: 0 0 0 10px !important; padding: 10px 0 10px 10px !important; } .retour_select, #tableau_emails .sauve_select { background-color: #8F8F8B; -webkit-border-radius:0 3px 3px 0; -moz-border-radius:0 3px 3px 0; border-radius: 0 3px 3px 0; color: #FFFFFF; cursor: pointer; display: inline-block; font-size: 10px; height: 30px; line-height: 33px; padding: 5px; } .retour_select:hover, #tableau_emails .sauve_select:hover { background-color: #333333; } .text.temp_input { margin: 0 0 10px 10px; padding: 10px; width: 144px; } #publier_groupe { margin: 0 0 0 10px; } .sauve_select { font-size: 20px !important; } .nom_cat, .nom_groupe, .sous_cat, .dtgroupe, .Altersous_cat { display: inline-block; padding-top: 17px; width: auto !important; } #selecteur_groupe, .changeGroupe { float: none !important; margin: 15px 10px 15px 0 !important; min-height: 0 !important; padding: 0 !important; vertical-align: middle; } .dtgroupe {} #selecteur_sous_categorie > label { color: #8f8f8b; } #selecteur_groupe { padding: 0 0 0 10px !important; } .groupe { border-bottom: 1px solid #f5f5f1; border-top: 1px solid #f5f5f1; display: table; float: none; margin: 20px 0; padding: 10px 0; } .BtnPix.changeGroupe { margin: 0px 10px !important; } .BtnPix.changeCat, .BtnPix.changeSousCat, .BtnPix.AjouteSousCat, .BtnPix.changeCatAgenda { margin: 3px 10px !important; } .nom_cate { display: block; font-weight: normal; text-align: left; text-decoration: underline; } #zone_de_publication > h3 { margin-right: 5px; margin-top: 20px; } .titre_reportage_photos { font-size: 21px; line-height: 26px; } h4 { color: #B5B5B1; display: inline; float: right; font-size: 12px; font-weight: inherit; line-height: 17px; margin: 0 10px 0 0; } .retour_select { box-sizing: border-box; display: inline-block; height: 41px; padding: 5px !important; vertical-align: middle; } #publier:hover, #gerer:hover, #diffuser:hover, #parametrer:hover, .big_actif, .presse:hover, #Robot:hover, #Rediger .gerer_ID_pageUnique:hover { background-color: #ffffff !important; } /* #article:hover, #produit:hover, #reportage:hover, #Articles:hover, #Produits:hover, #Reportages:hover, #Achats:hover, #Telechargements:hover, #Calendriers:hover, #Votes:hover, #Transmissions:hover, #Messages:hover, #Suggestions:hover, #Newsletters:hover, #Utilisateurs:hover, #Connexions:hover, #Medias:hover, #Robot:hover, #Newsletter:hover, #ReNewsletter:hover, #Emails:hover, #publier_menu li:hover, #gerer_menu li:hover */.actif, .BlocMenu ul.BigMenu li:hover { color: #D0E132; } .BlocMenu ul.BigMenu li { position: relative; } .BlocMenu ul.BigMenu li:hover::before, .BlocMenu ul.BigMenu li.actif::before { transform: scale(1,1); color: #D0E132; } .BlocMenu ul.BigMenu li::before { content: ''; position: absolute; width: 100%; height: 5px; top: 17px; background: #D0E132; transform-origin: center center; transform: scale(0,1); } input, #publier_texte, .cke_textarea_inline, .annule_correspondance_cantine, .DivInlineEditor { border: 1px solid #F5F5F1; color: #999999; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; font-size: 15px; font-weight: 300; text-transform: none; background-color: #F5F5F1; color: #999999; margin: 0px; width: 100%; padding: 5px 2%; float: left; box-sizing: border-box; } .galerie textarea { background: #f5f5f1 none repeat scroll 0 0; border: medium none; margin: 20px 0 0 !important; max-width: 760px; min-height: 100px; min-width: 760px; width: 100%; } .DivInlineEditor { margin: 0 0 20px; } .DivInlineEditor p { margin: 10px 0 !important; } .DivInlineEditor .fr-placeholder { padding: 14px !important; } .DivInlineEditor .froala-wrapper > div, .DivInlineEditor .fr-wrapper > div { line-height: 34px !important; } #Raccourci { left: 0; position: fixed; z-index: 21; top: 10%; width: 40px; } #Raccourci a { background-color: #fff; color: #999; display: inline-block; font-size: 12px; margin: 5px 0; padding: 5px 5px 5px 30px; text-align: left; text-decoration: none; float: left; clear: left; text-indent: 0px; border-radius: 0 3px 3px 0 !important; -webkit-border-radius:0 3px 3px 0 !important; -moz-border-radius:0 3px 3px 0 !important; white-space: nowrap; } #Raccourci a i { color: #555; left: 7px; margin-top: 2px; position: fixed; } .ShortCut.Masque:not(:hover) { background-color: #d5d5d1 !important; color: #d5d5d1 !important; left: -180px; overflow: hidden; padding: 5px !important; position: relative; width: 215px; } .ShortCut.Masque:not(:hover)::before, .ShortCut.Masque:not(:hover)::after { border-bottom: 4px solid transparent; border-left: 4px solid #fff; border-top: 4px solid transparent; content: ""; height: 0; right: 6px; position: absolute; top: 9px; width: 0; } .ShortCut.Masque:not(:hover)::after { border-right: 4px solid #fff; border-left: 4px solid transparent; right: 12px; } input[type="password"]:focus, input[type="text"]:focus, #publier_texte:focus, .cke_textarea_inline:focus { background:none repeat scroll 0 0 #F5F5F1 !important; } input[type="button"]:not(.effacervraiment):not(.CloneOn):focus, input[type="submit"]:focus { background-color: #8F8F8B !important; color: #FFFFFF; text-transform: uppercase !important; -moz-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.0); -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.0); box-shadow: 0 0px 0px rgba(0, 0, 0, 0.0); cursor: text !important; outline:none !important; } input[type="button"]:-moz-focus-inner, input[type="submit"]:-moz-focus-inner { border: 0; } #utilisateur, #mot_de_passe, #connexionbouton, #connexionbouton_DV, #majbouton, #majbouton_access, #cle_DV { border: 1px solid #F5F5F1; color: #C5C5C1; float: none !important; font-size: 12px; text-align: center; width: 153px !important; box-sizing: border-box; } #cle_DV { min-width: 210px !important; margin: 0; } #utilisateur, #cle_DV { text-transform: none !important; } #majbouton_access { display: block; margin: auto; text-decoration: none; } #connexionbouton, #majbouton, #majbouton_access, #connexionbouton_DV { margin: auto !important; width: 210px !important; border-radius:0 0 3px 3px !important; -webkit-border-radius:0 0 3px 3px !important; -moz-border-radius:0 0 3px 3px !important; border-top: 2px solid #333333 !important; border-bottom: medium none; border-left: medium none; border-right: medium none; text-align: center !important; font-size: 14px !important; } #formulaire_connexion #zone_de_publication { background-color: #eeeeee !important; } .container_image { box-sizing: border-box; float: left; min-height: 205px; padding: 0 15px 0 0; position: relative; text-align: center; width: 253px; } .AjoutImg { margin: auto; } .container_image:nth-child(4n) { content: " "; display: block; clear: both; } .container_groupe_img .container_image::after { background: rgba(208, 225, 50, 1) none repeat scroll 0 0; color: #fff; content: "Image principale"; font-size: 10px; font-weight: bold; left: -110px; letter-spacing: 2px; padding: 1px; position: absolute; top: 95px; transform: rotate(-90deg); width: 203px; } .container_groupe_img .container_image:not(#label_Image_1)::after { content: "Image secondaire"; background: rgba(208, 225, 50, 0.5) none repeat scroll 0 0; } #PopUpSelectionVignette { margin-left: -365px; max-height: 500px; width: 700px; } #ContVign { height: 415px; overflow: auto; width: 700px; } #SelectionVignette { margin: 10px 0; padding: 0; width: 670px; } #PopUpSelectionVignette .media_jpg.jpeg.selectionnable { border: medium none; box-sizing: border-box; display: inline-block; float: none; height: 150px; margin: 0 !important; padding: 10px; position: relative; vertical-align: middle; width: 16.666%; } #ContVign #SelectionVignette li .picto_tableau { left: calc(50% - 10px); margin: 0 !important; z-index: 1; border: 5px solid rgba(255,255,255,0.5); position: absolute; width: 20px; } #PopUpSelectionVignette #SelectionVignette li:hover .picto_tableau.top i { background: #8f8f8b none repeat scroll 0 0; border-radius: 20px; color: #fff; height: 20px; line-height: 21px; text-align: center; width: 20px; } #PopUpSelectionVignette #SelectionVignette li .picto_tableau, .froala-modal .f-modal-wrapper .f-image-list .chargee:hover .f-delete-img, .froala-modal .f-modal-wrapper .f-image-list .chargee--double:hover .f-delete-img { opacity: 0; } #PopUpSelectionVignette #SelectionVignette li .picto_tableau.top, .froala-modal .f-modal-wrapper .f-image-list .chargee .f-delete-img, .froala-modal .f-modal-wrapper .f-image-list .chargee--double .f-delete-img { top: -20px; } #PopUpSelectionVignette #SelectionVignette li .picto_tableau.bottom { bottom: -20px; } #PopUpSelectionVignette #SelectionVignette li:hover .picto_tableau, .froala-modal .f-modal-wrapper .f-image-list .chargee:hover .f-delete-img, .froala-modal .f-modal-wrapper .f-image-list .chargee--double:hover .f-delete-img { -webkit-transition-delay: 200ms; -moz-transition-delay: 200ms; -o-transition-delay: 200ms; transition-delay: 200ms; opacity: 1; } #PopUpSelectionVignette #SelectionVignette li:hover .picto_tableau.top { top: 10px; } .froala-modal .f-modal-wrapper .f-image-list .chargee:hover .f-delete-img, .froala-modal .f-modal-wrapper .f-image-list .chargee--double:hover .f-delete-img, .froala-modal .f-modal-wrapper .f-image-list .chargee--double:hover .f-delete-img { top: 15px; } #PopUpSelectionVignette #SelectionVignette li:hover .picto_tableau.bottom { bottom: 10px; } .thumbSelection { width: 100%; } .picto_recadrage { background-color: #FFA500; -moz-border-radius: 17px; -webkit-border-radius: 17px; border-radius: 17px; float: left; font-family: icon; font-size: 20px; font-style: inherit; font-weight: bold; height: 20px; margin: 0 5px 0 0; text-align: center; width: 20px; color: #ffffff; } .picto_help { cursor: help; display: inline-block !important; margin: 0 0 0 5px; } .picto_help i { font-size: initial; vertical-align: super; } .bouton_image { margin: 0 0 10px; background-color: rgba(0,0,0,0) !important; color: #333333; cursor: pointer; font-size: 12px; margin: 0; padding: 125px 2% 10px !important; position: relative; } .bouton_image:hover { background-color: rgba(0,0,0,0.1) !important; } .info_drag { opacity: 0; background-color: rgba(0, 0, 0, 0.2); color: #fff; font-size: 12px; left: 50px; padding: 2px 5px; position: absolute; text-align: center; top: 00px; width: 140px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .container_image dd:hover .info_drag{ opacity: 1; top: 70px; } .container_image > dd { top: 0; position: absolute; } .ContainerSelectionImageServeur { position: relative; top: 15px; width: 230px; z-index: 1; padding: 0 5px; } .ContainerSelectionImageServeur > p { border-top: 1px solid #8f8f8b; font-size: 11px; margin: 5px 0 0; padding: 0; } .SelectionImageServeur { background-color: #8f8f8b; color: #fff; cursor: pointer; display: inline-block; font-size: 12px; margin: 5px 0 0; padding: 5px; width: auto; } .SelectionImageServeur:hover { background-color: #333333; } .container_image_article { margin: 20px 0 0; } .container_slider_article { width: 760px; } .container_slider .container_image_article { height: auto !important; width: 100%; } .container_groupe_img { background-color: #F5F5F1; float: left; margin: 0px 0 0; width: 100%; text-align: center; position: relative; } .container_slider, .container_a_slides{ background-color: #F5F5F1; float: left; padding: 10px 0 0; text-align: center; width: 760px; position: relative; min-height: 50px; } .container_a_slides > img { width: 740px; } .container_a_slides, .f-empty { background: #f5f5f1 url("../images/load_click_3.gif") no-repeat scroll center center !important; } .manege { -webkit-animation:spin 4s linear infinite; -moz-animation:spin 4s linear infinite; animation:spin 4s linear infinite; } .astuce { background: url("../images/icons_blanc.png") no-repeat scroll -121px 0 transparent !important; display: inline-block; height: 12px; width: 16px; } @-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } } @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } } .btn_file { background: url("../images/icons_blanc.png") no-repeat scroll -213px -21px #B5B5B1 !important; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; display: block; height: 20px; margin: 5px 10px 0; position: absolute; width: 20px; } #lettre_complete .BtnLoad { max-height: 390px; } #img_defaut_publier_image_1, #img_defaut_publier_image_2, #img_defaut_publier_image_3, #img_defaut_publier_image_4, #img_defaut_publier_image_5, #img_defaut_publier_image_6, #img_defaut_publier_image_7, #img_defaut_publier_image_8, #img_defaut_publier_image_9, #img_defaut_publier_image_10, #img_defaut_publier_image_11, #img_defaut_publier_image_12, #img_deja_publier_image_1, #img_deja_publier_image_2, #img_deja_publier_image_3, #img_deja_publier_image_4, #img_deja_publier_image_5, #img_deja_publier_image_6, #img_deja_publier_image_7, #img_deja_publier_image_8, #img_deja_publier_image_9, #img_deja_publier_image_10, #img_deja_publier_image_11, #img_deja_publier_image_12 { width: 210px; } #img_defaut_publier_image_tetiere { cursor: default; width: 740px; } .parametre.setion_4 .defaut_img { left: 310px; position: absolute; } .parametre.setion_4 .bouton_image.DragDropZone { text-align: unset; } .parametre.setion_4 { position: relative; } .parametre .container_info_img { left: 0; position: absolute; top: 0; width: 100%; } #publier_image_tetiere { width: 100%; } .crop_img { cursor: crosshair; } .defaut_img { height: 104px !important; margin: 20px 0 10px !important; width: 100px !important; } .BtnPix { height: 20px !important; margin: 0px 0 !important; padding: 0 !important; width: 20px !important; border: medium none !important; border-radius:15px !important; -webkit-border-radius:15px !important; -moz-border-radius:15px !important; } .BtnPix:hover { background-color: #D0E132 !important; } .BtnPix.effacervraiment { background: #e27400 url("../images/icons_blanc.png") no-repeat scroll -444px 3px !important; width: 30px !important; } .BtnPix.bannirvraiment:hover { background: url("../images/icons_blanc.png") no-repeat scroll -61px -117px #E27400 !important; } .BtnPix.text_info { background-color: #8f8f8b; font-size: 9px; font-weight: bold; letter-spacing: 0; } .picto_tableau, .Previsualistion.Rond { float: left; height: 20px; margin: 5px 0 5px 10px !important; border-radius:20px !important; -webkit-border-radius:20px !important; -moz-border-radius:20px !important; } .score_page_visitee .picto_tableau { float: none; margin: 10px auto 0 !important; width: 20px; } .Previsualistion.Rond { padding: 0; width: 20px; clear: both; } .ParcoursVisiteur { max-height: 1000px; overflow: auto; width: 100%; } .score_page_visitee.Minuterie { border: medium none; float: right; font-size: 12px !important; margin: 0; } .Diaphane { color: #e5e5e1; } .page_visitee { max-width: 100%; word-break: break-all; } .classement { font-size: 11px; padding: 3px 0 0; } .picto_media { background-color: rgba(0, 0, 0, 0) !important; max-width: 0 !important; position: absolute; } .picto_tableau:not(.classement):hover { box-shadow:0 0 2px #8F8F8B; -webkit-box-shadow:0 0 2px #8F8F8B; -moz-box-shadow:0 0 2px #8F8F8B; background-color: #D0E132; } .picto_tableau.editer { bottom: -10px; margin: 0 !important; position: absolute; width: 20px !important; right: 10px; } .popup .picto_tableau.popup .picto_tableau:not(.bottom):not(.top) { left: -25px; position: absolute; top: -20px; width: 20px; } .picto_tableau.annuler { bottom: -10px; margin: 0 !important; position: absolute; width: 20px !important; left:10px; } .annule_blanc { background: url("../images/icons_noir.png") no-repeat scroll -48px -96px transparent !important; } .valide_blanc { background: url("../images/icons_noir.png") no-repeat scroll -74px -96px transparent !important; } .BtnLoad, .BtnLoad:hover { background: url("../images/load_click_3.gif") no-repeat scroll center center #E7E7E7 !important; border: 1px solid #CECECE; } .BtnLoad_beige { background: #f5f5f1 url("../images/load_click_3.gif") no-repeat scroll center center !important; } .BtnLoad.haut { height: 50px !important; margin: 0 15px !important; } .BtnLoadFond { background: transparent url("../images/load_click_3.gif") no-repeat scroll center center !important; } .BtnLoadBlanc { background: transparent url("../images/load_blanc.gif") no-repeat scroll center center !important; } .BtnLoad_blanc { background: url("../images/load_click_3.gif") no-repeat scroll center center transparent !important; border: 1px solid #CECECE; } .BtnLoad_noir { background: url("../images/load_noir.gif") no-repeat scroll center center #333333 !important; border: none; } .BtnLoad_Btn { background: #333333 url("../images/load_noir.gif") no-repeat scroll 7px center !important; border: medium none; padding: 5px 5px 5px 31px !important; } .BtnLoad.large { margin: 15px 0 0 !important; width: 100% !important; } .alerte_erreur { background: url("../images/exclam_orange.png") no-repeat scroll center 10px #333333 !important; border: none; } .alerte_crop { background: url("../images/exclam_orange.png") no-repeat scroll center center rgba(0, 0, 0, 0); } .parametre .alerte_erreur { background: #f5f5f1 url("../images/exclam_orange.png") no-repeat scroll right 10px center !important; } #BtnLoad { background-color: rgba(0, 0, 0, 0) !important; border: medium none; float: left; height: 20px; margin: 0 13px 0 0; padding: 0; width: 20px; } #BtnLoad_vert { background-color: #D0E132 !important; border: medium none; float: left; height: 20px; margin: 0 140px; padding: 0; width: 20px; } .BtnLoad_champs_img { background: url("../images/load_click_3.gif") no-repeat scroll 118px 56px transparent !important; border: medium none; } .slide_on { background: url("../images/icons_noir.png") no-repeat scroll -189px 2px #D0E132 !important; } .slide_off { background: url("../images/icons_blanc.png") no-repeat scroll -189px 2px #8F8F8B !important; } .slide_none { background: url("../images/icons_blanc.png") no-repeat scroll -189px 2px #d5d5d1 !important; } .slide_out:hover { background: url("../images/icons_blanc.png") no-repeat scroll -189px 2px #d5d5d1 !important; } .slide_out { background: url("../images/icons_blanc.png") no-repeat scroll -189px 2px #d5d5d1 !important; } .vote_on { background: url("../images/icons_noir.png") no-repeat scroll -92px 3px #D0E132 !important; } .vote_off { background: url("../images/icons_blanc.png") no-repeat scroll -92px 3px #8F8F8B !important; } .legende_image.on { border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; background: url("../images/icons_noir.png") no-repeat scroll 3px -45px #D0E132 !important; float: left; height: 20px; margin: 5px 0 0; width: 20px; } .legende_image.off { border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; background: url("../images/icons_blanc.png") no-repeat scroll 3px -45px #8F8F8B !important; float: left; height: 20px; margin: 5px 0 0; width: 20px; } .legende_image.on:hover, .legende_image.off:hover { background: url("../images/icons_blanc.png") no-repeat scroll 3px -45px #333333 !important; cursor: pointer; } .reportage_interieur .legende_image, .reportage_interieur li .ol_0 dl { margin: 4px 0 0 7px !important; } .reportage_interieur .container_champ_legende, .reportage_interieur textarea { box-sizing: border-box; margin: 0 !important; max-width: 140px; } .BtnDescPhoto { background-color: #8f8f8b; -moz-border-radius: 3px !important; -webkit-border-radius: 3px !important; border-radius: 3px !important; box-sizing: border-box; color: #fff; cursor: pointer; float: left; margin: 5px 0 0; padding: 5px; text-transform: uppercase; width: 130px; } .BtnDescPhoto:hover { background-color: #333333; } .reportage_interieur .ol_z { height: 30px; right: 10px; top: 1px; } .abonnement_news_on { background: url("../images/icons_noir.png") no-repeat scroll -21px -142px #D0E132 !important; } .abonnement_news_off { background: url("../images/icons_blanc.png") no-repeat scroll -21px -142px #8F8F8B !important; } .demande_reportage_on { background: url("../images/icons_noir.png") no-repeat scroll -117px -47px #D0E132 !important; } .demande_reportage_off { background: url("../images/icons_blanc.png") no-repeat scroll -117px -47px #8F8F8B !important; } .paiement_valide_on { background: url("../images/icons_noir.png") no-repeat scroll -357px -117px #D0E132 !important; } .paiement_valide_off { background: url("../images/icons_blanc.png") no-repeat scroll -357px -117px #8F8F8B !important; } .commande_expediee_on { background: url("../images/icons_noir.png") no-repeat scroll -333px -142px #D0E132 !important; } .commande_expediee_off { background: url("../images/icons_blanc.png") no-repeat scroll -333px -142px #8F8F8B !important; } .facture_expediee_on { background: url("../images/icons_noir.png") no-repeat scroll -262px -21px #D0E132 !important; } .facture_expediee_off { background: url("../images/icons_blanc.png") no-repeat scroll -262px -21px #8F8F8B !important; } .annuler_off { background: url("../images/icons_noir.png") no-repeat scroll -45px -93px #D0E132 !important; } .annuler_on { background: url("../images/icons_blanc.png") no-repeat scroll -45px -93px #8F8F8B !important; } .publier_on { background: url("../images/icons_noir.png") no-repeat scroll -69px -93px #D0E132 !important; } .publier_off { background: url("../images/icons_blanc.png") no-repeat scroll -69px -93px #8F8F8B !important; } .publier_on:hover { background: url("../images/icons_blanc.png") no-repeat scroll -69px -93px #333333 !important; } .SurAccueil_on { background: url("../images/icons_noir.png") no-repeat scroll -45px -21px #D0E132 !important; } .SurAccueil_on:hover { background: url("../images/icons_blanc.png") no-repeat scroll -45px -21px #333333 !important; } .SurAccueil_off { background: url("../images/icons_blanc.png") no-repeat scroll -45px -21px #8F8F8B !important; } .btn_cantine { background: url("../images/icons_blanc.png") no-repeat scroll -69px -93px #8F8F8B !important; } .btn_cantine.on { background: url("../images/icons_noir.png") no-repeat scroll -69px -93px #D0E132 !important; } .btn_cantine:hover { background: url("../images/icons_blanc.png") no-repeat scroll -69px -93px #333333 !important; } .lu_on, .TousLu { background: url("../images/icons_blanc.png") no-repeat scroll -93px -117px #ffa500 !important; } .lu_off, .TousLu:hover { background: url("../images/icons_blanc.png") no-repeat scroll -93px -117px #8F8F8B !important; } .comment_on { background: url("../images/icons_noir.png") no-repeat scroll -237px -117px #D0E132 !important; } .comment_off { background: url("../images/icons_blanc.png") no-repeat scroll -237px -117px #8F8F8B !important; } .zoom_on { background: url("../images/icons_noir.png") no-repeat scroll -45px 2px #D0E132 !important; } .zoom_off { background: url("../images/icons_blanc.png") no-repeat scroll -45px 2px #8F8F8B !important; } .agenda_on { background: url("../images/icons_noir.png") no-repeat scroll -188px -117px #D0E132 !important; } .agenda_off { background: url("../images/icons_blanc.png") no-repeat scroll -188px -117px #8F8F8B !important; } .agenda_none { background: url("../images/icons_blanc.png") no-repeat scroll -45px 2px #d5d5d1 !important; } .zoom_media { left: -35px; position: absolute; top: 1px; background: url("../images/icons_blanc.png") no-repeat scroll -45px 2px #8F8F8B !important; } .TousLu { text-indent: -999px; float: right; margin: 3px 10px 0 0 !important; } .ip_on { background: url("../images/icons_blanc.png") no-repeat scroll -69px -117px #ffa500 !important; } .ip_off { background: url("../images/icons_blanc.png") no-repeat scroll -69px -117px #8F8F8B !important; } .vip_on { background: url("../images/icons_blanc.png") no-repeat scroll -117px 3px #ffa500 !important; } .vip_off { background: url("../images/icons_blanc.png") no-repeat scroll -117px 3px #8F8F8B !important; } .change, .changemail, .changeSousCat, .changeGroupe, .AjouteSousCat, .changeCat, .changeType, .changeCatAgenda { background: #8f8f8b url("../images/icons_blanc.png") no-repeat scroll -237px -21px !important; float: none !important; vertical-align: bottom; display: inline-block; } .AjouteSousCat { background: #8f8f8b url("../images/icons_blanc.png") no-repeat scroll -404px -94px !important; } .change:hover, .changemail:hover { background: #D0E132 url("../images/icons_blanc.png") no-repeat scroll -237px -21px !important; } .BtnPix.vipvraiment:hover { background: url("../images/icons_blanc.png") no-repeat scroll -117px 3px #E27400 !important; } .BtnPix.vipvraiment:hover { background: url("../images/icons_blanc.png") no-repeat scroll -117px 3px #E27400 !important; } .editer_on { background: url("../images/icons_noir.png") no-repeat scroll 3px -69px #D0E132 !important; } .editer_off { background: url("../images/icons_blanc.png") no-repeat scroll 3px -69px #8F8F8B !important; } .bannirvraiment { background: url("../images/icons_blanc.png") no-repeat scroll -61px -117px #FFA500 !important; -moz-border-radius: 15px !important; -webkit-border-radius: 15px !important; border-radius: 15px !important; margin: 0 !important; width: 30px !important; border: none; box-shadow: 0 0 0 #efefef; } .vipvraiment { background: url("../images/icons_blanc.png") no-repeat scroll -117px 3px #FFA500 !important; -moz-border-radius: 15px !important; -webkit-border-radius: 15px !important; border-radius: 15px !important; margin: 0 !important; width: 30px !important; border: none; box-shadow: 0 0 0 #efefef; } .effacervraiment:hover { background: url("../images/icons_blanc.png") no-repeat scroll -444px 3px #E27400 !important; border: none; box-shadow: 0 0 0 #efefef; } .efface, .reload_image { background: url("../images/icons_blanc.png") no-repeat scroll -453px 3px #8F8F8B !important; } .effacer_securite { background: url("../images/icons_blanc.png") no-repeat scroll -453px 3px #D0E132 !important; } .effacer_correspondance { background: url("../images/icons_blanc.png") no-repeat scroll -453px 3px #8F8F8B !important; } .CloneOff { background: #8f8f8b url("../images/icons_blanc.png") no-repeat scroll -116px -70px !important; } .ModifRapid { background: #8f8f8b url("../images/icons_blanc.png") no-repeat scroll -92px -70px !important; } .CloneOn { background: url("../images/icons_blanc.png") no-repeat scroll -108px -70px #e27400 !important; position: relative; width: 30px !important; } .CloneOn:hover { background: url("../images/icons_blanc.png") no-repeat scroll -108px -70px #E27400 !important; border: none; box-shadow: 0 0 0 #efefef; } .ecrire_off { background: url("../images/icons_blanc.png") no-repeat scroll -69px 3px #8F8F8B !important; border-radius:5px 0 0 5px !important; -webkit-border-radius:5px 0 0 5px !important; -moz-border-radius:5px 0 0 5px !important; } .ecrire_on { background: url("../images/icons_blanc.png") no-repeat scroll -69px 3px #D0E132 !important; border-radius:5px 0 0 5px !important; -webkit-border-radius:5px 0 0 5px !important; -moz-border-radius:5px 0 0 5px !important; } .ecrire_on:hover { background: url("../images/icons_blanc.png") no-repeat scroll -69px 3px #D0E132 !important; border-radius:5px 0 0 5px !important; -webkit-border-radius:5px 0 0 5px !important; -moz-border-radius:5px 0 0 5px !important; } .telechargeable_on { background: url("../images/icons_noir.png") no-repeat scroll -308px -93px #D0E132 !important; } .telechargeable_off { background: url("../images/icons_blanc.png") no-repeat scroll -308px -93px #8F8F8B !important; } .une_de_reportage_on { background: url("../images/icons_noir.png") no-repeat scroll -68px -46px #D0E132 !important; } .une_de_reportage_off { background: url("../images/icons_blanc.png") no-repeat scroll -68px -46px #8F8F8B !important; } .article_prioritaire_on { background: url("../images/icons_noir.png") no-repeat scroll -68px -46px #D0E132 !important; } .article_prioritaire_off { background: url("../images/icons_blanc.png") no-repeat scroll -68px -46px #8f8f8b !important; } .TriArticle_off { background: url("../images/icons_blanc.png") no-repeat scroll -357px -46px #8f8f8b !important; } .TriArticle_on { background: url("../images/icons_noir.png") no-repeat scroll -357px -46px #D0E132 !important; } .article_prioritaire_none { background: url("../images/icons_blanc.png") no-repeat scroll -68px -46px #d5d5d1 !important; } .icone_quadrillage_on { background: url("../images/icons_noir.png") no-repeat scroll -236px -2px transparent !important; } .icone_quadrillage_off { background: url("../images/icons_noir.png") no-repeat scroll -261px -2px transparent !important; } .effacer_vraiment { background-color: #D0E132; height: 40px !important; left: 36px; position: absolute; top: -21px; width: 30px; border-radius:0 5px 5px 0 !important; -webkit-border-radius:0 5px 5px 0 !important; -moz-border-radius:0 5px 5px 0 !important; display: none; } .effacer_vraiment:hover { background-color: #8F8F8B; } .IPBtn { border-right: 1px solid #555; float: left; margin: 0 20px 0 0; width: 65px; } .IPDetail { float: left; width: 272px; } .li_en_div { background-color: #EEEEEE; float: left; height: 300px; margin: 1%; width: 18%; } .ul_en_div { background-color: #888888; float: left; margin: 0; width: 100%; } .li_en_div .picto_tableau { clear: none; width: 20px; } .li_en_div .gerer_ID_page { background-color: #FAFAFA; } .correspondance { display: none; background-color: #B5B5B5 !important; color: #FFFFFF; text-transform: none; } tr.correspondance { background-color: #787874 !important; } .correspondance dt { width: 100% !important; height: auto; } .correspondance_actif b { color: #B5B5B1; font-size: 11px; font-weight: bold; } .correspondance_actif dl { margin: 0 20px !important; width: calc(100% - 40px) !important; } .correspondance_actif dt { height: auto !important; } .correspondance_actif hr { border-color: #A5A5A1 -moz-use-text-color -moz-use-text-color; border-style: solid none none; border-width: 1px medium medium; margin: 10px 0; } .correspondance dd { float: left; margin: 0 !important; padding: 5px 10px !important; width: 200px !important; background-color: #787874 !important; } .correspondance textarea { min-width: 462px !important; max-width: 462px !important; width: 462px !important; margin: 0 !important; } .correspondance_actif { background-color: #6D6D69 !important; color: #FFFFFF; padding: 10px 0 !important; } .icone_poubelle { max-width: 20px !important; } .dl_email { clear: both; display: inline-flex; min-width: 170px; word-break: normal; white-space: nowrap; word-wrap: normal; } .dl_email dd { margin: 5px 0; } .dl_email dd, .dl_email dt { margin: 0 !important; } .coordonnees_achat > dd { padding: 0 0 7px; } .coordonnees_achat > dd b { font-weight: bold; text-transform: capitalize; } .coordonnees_achat { border-left: 1px solid #D3D3D3; font-size: 12px; margin: 0 0 0 24px !important; padding: 0 0 0 9px; text-transform: capitalize; text-align: left; } .border_nulle { border: medium none !important; margin: 0 !important; } .acces_toute_categorie { background: #FFFFFF; border-radius: inherit; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; font-size: 12px; padding: 10px; display: inline-block; width: 100%; margin: 0 0 40px; box-sizing: border-box; text-align: center; box-shadow: 0px 5px 0px 5px rgba(229, 229, 225, 0.8); } .MenuTop .acces_toute_categorie { position: fixed; left: 0; z-index: 1000; top: 70px; } .acces_toute_categorie > a { display: inline-block; color: #8F8F8B; margin: 0px 10px; vertical-align: middle; } .acces_toute_categorie > a:hover { color: #D0E132; } .acces_toute_categorie span { background-color: #D5D5D1; color: #F5F5F1; display: inherit; font-weight: bold; margin: 0 0 3px; padding: 3px; text-align: center; } .acces_toute_categorie h2 { font-size: 17px; margin: 0; padding: 0; float: none; display: inline-block; vertical-align: middle; } .email_ecrire { border-radius:0 5px 5px 0 !important; -webkit-border-radius:0 5px 5px 0 !important; -moz-border-radius:0 5px 5px 0 !important; background-color: #777777; color: #FFFFFF; margin: 5px 0 !important; text-transform: none; padding: 2px 5px 3px !important; font-size: 12px !important; overflow: hidden; } .email .email_ecrire { background-color: #444444; } .correspondance_email_bouton { -moz-border-radius: 3px !important; -webkit-border-radius: 3px !important; border-radius: 3px !important; float: right; font-size: 12px !important; font-weight: 300 !important; padding: 5px !important; width: auto !important; } .float_left_input { float: left !important; padding: 0 0 0 5px !important; width: auto !important; } input[type="text"], input[type="password"] { margin: 0 0 20px; padding: 15px; } #publier_date_modification_reportage, #publier_date_creation_reportage { background-color: rgba(0, 0, 0, 0); color: #CACACA; border: none; float: left; font-size: 10px; margin: 0 !important; padding: 0 0 0 2px; width: 166px; } #publier_image_news { cursor: pointer; opacity: 0; } input[type="checkbox"] { float: left; width: auto; } #doubleVerification { margin: auto; width: 210px; } input[type="button"], input[type="submit"], #connexionbouton, #pickfiles, .petitbouton, #majbouton, #majbouton_access, .plupload_start, #connexionbouton_DV, .annule_correspondance_cantine, #BtnAjoutFichierLie, #EnvoyerCorrespondance, #ExportEmails a, #EnregistrerNewMDP, #BtnAjoutMedia, #EnregistrerNewNomFichier, #EnregistrerNewEmail, .TriArticle_RetourId, .BtnImprimer, #BtnBugReport, #BtnBugSimulate, .ParcoursVisiteur a { letter-spacing: 1px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; font-size: 24px; font-weight: 300; color: #FFFFFF; width: 100%; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; margin: 5px 0 0; padding: 10px; height: auto; cursor: pointer; -webkit-appearance: none; box-sizing: border-box; } input[type="submit"], #connexionbouton, #pickfiles, .petitbouton, #majbouton, #majbouton_access, .plupload_start, #connexionbouton_DV, .annule_correspondance_cantine, #BtnAjoutFichierLie, #publierbouton, #enregistrerbouton, #enregistrer_nouveau_utilisateur, #diffuseremails, #envoi_lettre, #publierbouton_reportage, #EnvoyerCorrespondance, #ExportEmails a, #EnregistrerNewMDP, #ParametreCherche, #ParametreRemplace, #ParametreRemplaceAnnule, #BtnAjoutMedia, #EnregistrerNewNomFichier, #EnregistrerNewEmail, .TriArticle_RetourId, .BtnImprimer, #publierbouton_galerie, .plupload_button.plupload_add, #BtnBugReport, #BtnBugSimulate, #PopUpAgendaDesignMultiple input[type="button"] { background-color: #8F8F8B; } input[type="button"]:not(.BtnLoad):not(.effacervraiment):not(.CloneOn):hover, input[type="submit"]:hover, #connexionbouton:hover, .petitbouton:hover, #majbouton:hover, #majbouton_access:hover, .plupload_start:hover, #connexionbouton_DV:hover, .annule_correspondance_cantine:hover, #enregistrerbouton:hover, #enregistrer_nouveau_utilisateur:hover, #diffuseremails:hover, #envoi_lettre:hover, #publierbouton:hover, #publierbouton_reportage:hover, #EnvoyerCorrespondance:hover, #BtnAjoutFichierLie:hover, #ExportEmails a:hover, #EnregistrerNewMDP:hover, #ParametreCherche:hover, #ParametreRemplace:hover, #ParametreRemplaceAnnule:hover, #BtnAjoutMedia:hover, #EnregistrerNewNomFichier:hover, #EnregistrerNewEmail:hover, #Remplissage:hover, #BtnSaveDescReportage:hover, .TriArticle_RetourId:hover, .BtnImprimer:hover, .plupload_button.plupload_add:hover, .picto_tableau.top:hover i, #BtnBugReport:hover, #BtnBugSimulate:hover, .ParcoursVisiteur a:hover, #BtnSuppTout:hover { background-color: #333333 !important; color: #ffffff; } #PopUpAgendaDesignMultiple input[type="button"]:nth-of-type(1) { margin-right: 2%; } #PopUpAgendaDesignMultiple input[type="button"] { width: 49%; font-size: 14px; } .ParcoursVisiteur > a { display: block; text-decoration: none; } #publierbouton { -webkit-transition: background-color 0.5s ease 0s; -moz-transition: background-color 0.5s ease 0s; -ms-transition: background-color 0.5s ease 0s; -o-transition: background-color 0.5s ease 0s; transition: background-color 0.5s ease 0s; border-radius: 5px !important; -webkit-border-radius:5px !important; -moz-border-radius:5px !important; margin: 0; color: #fff; font-size: 24px !important; letter-spacing: 1px; outline: medium none !important; padding: 10px 30px !important; text-align: center; text-transform: uppercase; -webkit-appearance: none; width: 250px; border: medium none !important; height: 70px; position: relative; box-sizing: border-box; bottom: -12px; } .Remplissage { display: inline-block; text-align: center; width: 100%; } #Remplissage, #BtnSaveDescReportage, #BtnBugReport, #BtnBugSimulate, .ParcoursVisiteur a, #BtnSuppTout { border-radius: 5px !important; -webkit-border-radius:5px !important; -moz-border-radius:5px !important; margin: 0; color: #fff; font-size: 14px !important; letter-spacing: 1px; outline: medium none !important; padding: 10px 30px !important; text-align: center; text-transform: uppercase; -webkit-appearance: none; width: auto; border: medium none !important; height: auto; box-sizing: border-box; background-color: #8f8f8b; display: inline-block; cursor: pointer; } #BtnSuppTout { padding: 5px 10px !important; font-size: 12px !important; } #publierbouton li ul li { font-size: 18px !important; } .bloc_bouton_fixe:not(.retour) #publierbouton li:focus ul::after { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #555555; content: ""; height: 0; position: absolute; width: 0; } #publierbouton_reportage{ margin: 0 !important; } #EndForm { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; display: inline-block; height: 1px; width: 100%; } .retour ul#publierbouton { background-color: #8f8f8b; border-radius:0 0 6px 6px !important; -webkit-border-radius:0 0 6px 6px !important; -moz-border-radius:0 0 6px 6px !important; bottom: 0; width: 760px; } ul#publierbouton li { border-radius:0 !important; -webkit-border-radius:0 !important; -moz-border-radius:0 !important; padding: 10px !important; list-style: outside none none; cursor: pointer; } #publierbouton li ul { bottom: 85px; box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2) !important; position: absolute; right: 0; width: 250px !important; border-radius: 5px !important; -webkit-border-radius:5px !important; -moz-border-radius:5px !important; background-color: #8f8f8b; padding: 0px; } .retour #publierbouton li ul { bottom: auto; right: 205px; background-color: #8f8f8b; box-shadow: 0 -2px 0 0 rgba(0, 0, 0, 0.2) !important; margin: 10px auto 0 !important; padding: 0 !important; width: 410px !important; border-radius:0 0 6px 6px !important; -webkit-border-radius:0 0 6px 6px !important; -moz-border-radius:0 0 6px 6px !important; } .retour #publierbouton li ul li { font-size: 14px !important; } #publierbouton li ul li:hover { background-color: #5f5f5b !important; } ul#publierbouton li ul li { display: none; padding: 23px 5px 25px 50px !important; text-align: left !important; } ul#publierbouton li:focus ul li { display: block; } .retour #publierbouton li:focus ul::after { } #publierbouton:hover { background-color: #333333 !important; } ul#publierbouton li ul li:first-child { box-shadow: 0 3px 0 -1px rgba(0, 0, 0, 0.1); background: rgba(0, 0, 0, 0) url("../images/out.png") no-repeat scroll 10px center / 30px auto; } ul#publierbouton li ul li:nth-child(2) { background: rgba(0, 0, 0, 0) url("../images/plus.png") no-repeat scroll 10px center / 30px auto; box-shadow: 0 3px 0 -1px rgba(0, 0, 0, 0.1); } ul#publierbouton li ul li:nth-child(3) { background: rgba(0, 0, 0, 0) url("../images/reload.png") no-repeat scroll 10px center / 30px auto; border-radius:0 0 6px 6px !important; -webkit-border-radius:0 0 6px 6px !important; -moz-border-radius:0 0 6px 6px !important; } #parametrer_new_mdp, #gerer_newNomFichier, #parametrer_new_email { box-sizing: border-box; width: 100%; } #ExportEmails { padding: 20px; } #ExportEmails a { display: block; margin: 0 auto; text-align: center; text-decoration: none; text-transform: uppercase; width: 70%; } .QuatreCol { column-gap: 40px; column-rule: 1px solid #D0E132; columns: 3 220px; -moz-column-gap: 40px; -moz-column-rule: 1px solid #D0E132; -moz-columns: 3 220px; -webkit-column-gap: 40px; -webkit-column-rule: 1px solid #D0E132; -webkit-columns: 3 220px; width: 760px; } .QuatreCol .labelExterne { clear: both; margin: 10px 0 0 !important; } .QuatreCol .Check { float: right; } .froala-modal .f-modal-wrapper .f-image-list { margin: 0 !important; overflow: auto; max-height: 350px; min-height: 350px; width: 100% !important; max-width: 100% !important; text-align: left; } .froala-modal .f-image-list .chargee, .froala-modal .f-image-list .chargee--double { background-color: #e5e5e1; box-sizing: border-box; margin: 0 !important; overflow: hidden; padding: 10px; width: 20% !important; } .froala-modal .f-image-list .chargee:hover, .froala-modal .f-image-list .chargee--double:hover { background-color: #D0E132; cursor: pointer; } .f-image-list .chargee, .f-image-list .chargee--double, .f-empty { opacity: 0; } .froala-modal .f-modal-wrapper .f-image-list .chargee .f-delete-img, .froala-modal .f-modal-wrapper .f-image-list .chargee--double .f-delete-img { display: block; top: -30px; box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.5); } .pixelovore p[data-zoom="Zoom"]::after { color: #fff; content: "\f00e"; font-family: FontAwesome; left: 10px; position: absolute; top: 20px; z-index: 2; } .ReportageInLine .zoomImg { background: #f5f5f1 none repeat scroll 0 0; box-sizing: border-box; display: inline-block; height: 199px; overflow: hidden; border: 10px solid #f5f5f1; vertical-align: middle; width: 25%; position: relative; } .ReportageInLine { width: 100%; } .ReportageInLine .fr-fin { padding: 0 !important; } .RemoveThumb { background: rgba(0, 0, 0, 0) url("../images/Close.png") repeat scroll 0 0; height: 15px; position: absolute; right: 10px; top: 10px; width: 15px; z-index: 20; border: medium none; cursor: pointer; } .mosaique.Hauteur { height: auto !important; width: 100% !important; } .ListeReportage .mosaique.Hauteur, .froala-element .mosaique.Largeur { max-width: none !important; } .mosaique.Largeur { height: 100% !important; max-width: none !important; width: auto !important; } #ExportEmails > ul { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; padding: 0; margin: 20px 0 10px; } .Robots { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; margin: 20px 0; padding: 0; } .Robots > li { background-color: rgba(245, 245, 241, 1); color: #c5c5c1; display: inline-block; font-size: 12px; list-style: outside none none; margin: 0 0 1px; padding: 5px; width: 100%; box-sizing: border-box; } .setion_12 .Robots li .float_left.clear { max-width: 65%; overflow: hidden; } .Robots .float_left { display: inline-block; float: none; vertical-align: middle; } #ExportEmails li { background-color: #f5f5f1; box-sizing: border-box; display: inline-block; font-size: 12px; list-style: outside none none; margin: 5px 0 0; text-transform: capitalize; vertical-align: middle; width: 100%; } #ExportEmails b { box-sizing: border-box; float: left; padding: 5px; text-align: left; width: 50%; } #ExportEmails p { background-color: #fff; border: 1px solid #f5f5f1; box-sizing: border-box; float: left; margin: 0; padding: 5px; text-align: left; width: 50%; word-break: break-all; } .text.correspondance_email_cantine_bouton, .FiftyPercent { width: 50%; } #publier_LienDifferent, #publier_Lien { box-sizing: border-box; } #publier_Lien { width: calc(100% - 24px); } #publier_LienDifferent { background-color: #e5e5e1 !important; border: medium none !important; border-radius: 3px 0 0 3px !important; -webkit-border-radius:3px 0 0 3px !important; -moz-border-radius:3px 0 0 3px !important; height: 51px; width: 24px; cursor: pointer; } .annule_correspondance_cantine { margin-right: 24%; width: 25%; } button b { font-weight: bold; } #pickfiles { background-color: #A5A5A5 !important; float: left; text-decoration: none; width: 98%; } #pickfiles:hover { background-color: #757575 !important; } #images_reportages, #ZoneGalerie { float: left; list-style: none outside none; padding: 0; width: 100%; } #images_reportages { margin: 0 0 30px; } #images_reportages li:nth-child(2n+1), #ZoneGalerie li:nth-child(2n+1) { margin: 1% 1% 0 0; width: 47%; } #ReportageMaJ { padding: 0; } #ReportageMaJ li { background: #f5f5f1 none repeat scroll 0 0 !important; border: medium none; float: left; list-style: outside none none; margin: 0; max-width: 116px; padding: 2%; width: 12.65%; } #ReportageMaJ li ol { max-width: 116px; } #ReportageMaJ img { margin: 0; } #BlocReportage #images_reportages li:nth-child(2n+1) { margin: 0 1% 10px 0 !important; } #images_reportages li, #ZoneGalerie li { position: relative; background: url("../images/plupload_wait.gif") repeat-x scroll 0 center #fbfbfb; float: left; margin: 1% 0 0; padding: 1%; text-align: left; text-transform: none; width: 48%; } #ZoneGalerie li:first-child { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; margin: 0; text-align: center; width: 100%; } #images_reportages li b { color: #FFFFFF; float: right; font-size: 12px; font-weight: bold; margin: 0 5px 0 0; position: relative; } .progression_image_reportage, .progression { height: 100%; left: 0; position: absolute; top: 0; width: 0%; background-color: #D0E132; border-radius:0 5px 5px 0; -webkit-border-radius:0 5px 5px 0; -moz-border-radius:0 5px 5px 0; border-right: 2px solid #BEBEBE; } .progression { height: 51px !important; } .poids_image_reportage { border-left: 1px solid #888888; color: #888888; float: right; font-size: 12px; height: auto; margin: auto; padding: 0 0 0 1%; width: auto; position: relative; } .nom_image_reportage { float: left; position: absolute; } .champs_image_load .label { color: #fff; left: 0; position: fixed; top: 55%; width: 100%; z-index: 100; } #publier_titre_reportage { margin: 0 !important; position: relative; z-index: 2; } .separateur::before, tr.espaceur::after, #formulaire_parametrer h2::before, .barre_de_menu::after, .Journee::before { background: rgba(0, 0, 0, 0) url("../images/EntreDeux.jpg") no-repeat scroll center top; content: ""; display: block; height: 35px; margin: -41px 0 0 -37px; position: absolute; width: 834px; } tr.TrSpace::after { background: rgba(229, 229, 225, 1) none repeat scroll 0 0; box-shadow: 0 0 0 0 rgba(0,0,0,0) inset, 0 -10px 0px 0px rgb(255, 255, 255), 0 10px 0px 0px rgb(255, 255, 255); content: ""; height: 10px; margin: 0 !important; position: absolute; width: 790px; left: -15px; z-index: 1; } .HrSpace { position: relative; left: -20px; width: calc(100% + 40px); background: #e5e5e1; height: 100px; top: 20px; z-index: 10; margin: 0 0 30px; box-shadow: 0px -20px 0 -5px #fff; } .TrSpace.Cantine::after { left: 0px; } .TrSpace.Photos { max-width: 116px; max-height: 116px; } .TrSpace td { padding: 30px 10px 20px; font-size: 12px; text-transform: none; vertical-align: middle; word-break: break-word; } .TrSpace td.Date { white-space: nowrap; } .TriMedias.espaceur::after { background: rgba(0, 0, 0, 0) url("../images/EntreDeux.jpg") no-repeat scroll center top; bottom: -15px; content: ""; height: 35px; left: 0; position: absolute; width: 100%; } .TriMedias { box-sizing: border-box; display: inline-block; height: 35px; margin: 0 0 35px; padding: 20px 35px 50px; position: relative; width: 100%; } .TriMedias div:not(#ContainerTriArticles):not(#PopUpAgenda):not(.TableTri):not(.TriImage):not(.close):not(.BtnLoad) { display: inline-block; width: auto; cursor: pointer; } .TriMedias div:hover { color: #D0E132; } .TriItem::after { bottom: -35px; left: 0; } .TriItem, .TriItemBtn { background: transparent none repeat scroll 0 0 !important; border-top: 1px solid #c5c5c1; margin: 0 0 35px !important; padding: 10px 0 !important; position: relative; } .TriItem { border: medium none; max-height: 500px; overflow: auto; padding-top: 0 !important; } .TriItemBtn { border: medium none; margin: 0 !important; padding: 0 !important; } .TriItemBtn li { margin: 0 !important; } .TriItemBtn, .TriItemBtn li { position: relative; } .TriItem li, .TriItemBtn li { cursor: pointer; display: block; font-size: 11px; box-shadow: none !important; border-radius:0 ; -webkit-border-radius:0 ; -moz-border-radius:0 ; margin-bottom: 0; padding: 5px 0; border-bottom: 1px solid #e5e5e1; float: left; width: 100%; } .TriItem li:hover { background: rgba(229, 229, 225, 0.2) none repeat scroll 0 0; } .TriItemBtn > li:first-child { cursor: default; font-weight: bold; } .TriItem li button, #EnteteTri div { float: left; width: 15%; font-size: 11px !important; } .TriItem li button:first-child, #EnteteTri div:first-child { clear: left; float: left; height: 15px; max-width: none; width: 40%; } .TriItem li button:last-child, #EnteteTri div:last-child { float: right; max-width: none; width: 20%; } #EnteteTri { background: rgba(229, 229, 225, 0.5) none repeat scroll 0 0; box-sizing: border-box; color: #8f8f8b; display: table; float: none; height: auto; margin: 20px 0; padding: 10px; width: 100%; } #EnteteTri > div { cursor: pointer; display: table-cell; position: relative; vertical-align: middle; float: none !important; } #EnteteTri > div.Decroissant::after, #EnteteTri > div.Croissant::after, #EnteteTri > div.Decroissante::after, #EnteteTri > div.Croissante::after { border-left: 5px solid transparent; border-right: 5px solid transparent; content: ""; height: 0; position: absolute; margin-left: 3px; top: 11px; width: 0; } #EnteteTri > div.Decroissante::after, #EnteteTri > div.Croissante::after { top: 6px; } #EnteteTri > div.Decroissant::after, #EnteteTri > div.Decroissante::after { border-top: 5px solid #bfbfbb; } #EnteteTri > div.Croissant::after, #EnteteTri > div.Croissante::after { border-bottom: 5px solid #bfbfbb; } .TriItemBtnOn { background-color: #fff; border-radius: 2px 2px 0 0; box-shadow: 0 -3px 2px 0 rgba(0, 0, 0, 0.1); cursor: pointer; float: right; font-family: FontAwesome; font-size: 24px; height: 25px; padding: 5px 10px; position: relative; text-align: center; width: auto; right: 5px; border-radius:2px 2px 0 0 ; -webkit-border-radius:2px 2px 0 0 ; -moz-border-radius:2px 2px 0 0 ; } .TriItemBtnOn:hover { background: #8f8f8b none repeat scroll 0 0; color: #fff; } .TriItemBtn:hover::before { background-color: #E5E5E1; } .TriItemBtn, .TriItem { display: none; } .TriItemBtn.Media { background: #f5f5f1 none repeat scroll 0 0 !important; left: 40px; position: relative; top: 16px; width: 710px; } #PopUpFichierLie .TriItemBtn.Media { left: 0; top: 0; width: 500px; } tr.espaceur::after { margin: 24px 0 0 -797px !important; } tr.rangee_ip.espaceur { height: 71px !important; vertical-align: text-top; } .barre_de_menu.espaceur::after { margin: 0 0 0 -37px !important; } .separator { background: rgba(0, 0, 0, 0) url("../images/EntreDeux.jpg") no-repeat scroll center top; float: left; height: 35px; margin: 0 -37px; width: 834px; } tr.espacor::before { background: rgba(0, 0, 0, 0) url("../images/EntreDeux.jpg") no-repeat scroll center -10px / 802px 30%; content: ""; height: 46px; margin: -2px 0 !important; position: absolute; width: 760px; } #autocompletion { float: left; list-style: none outside none; margin: 0 50px; padding: 84px 0 0; position: absolute; width: calc(100% - 100px); z-index: -1; } #autocompletion li:first-child { border-top: 2px solid #CACACA; } #autocompletion li:last-child { border-bottom: 3px solid #AEAEAE; border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; } #autocompletion li { background-color: #F5f5f1; float: left; padding: 5px; width: 100%; cursor: pointer; height: 17px; display: none; -webkit-box-shadow: 0 1px 2px #c5c5c1; box-shadow: 0 1px 2px #c5c5c1; } #autocompletion li:nth-child(2n+1) { background-color: #eaeae6; } #autocompletion li:hover { background-color: #a5a5a5; color: #ffffff; } input[type="text"]:hover, input[type="text"]:focus, #publier_texte:hover, .cke_textarea_inline:hover, input[type="password"]:hover, input[type="password"]:focus { color: #8F8F8B; text-transform: none; cursor: text !important; outline: none; } .label_image { background-color: #CACACA; border-bottom: 2px solid #B9B9B9; color: #FFFFFF; float: left; padding: 0 5px 4px; width: auto; margin: 0 90px 0 0; } .float_left.ratio { height: 25px; padding: 0; } .ratio label { display: inline-block; margin: 0 20px 0 0; width: auto; } .ratio input { display: inline-block; margin: 2px 5px 0 0; width: auto; } .cke_textarea_inline { margin: 0 0 20px; min-height: 25px; } .alerte, .alerteDV { background-color: #DB0243; color: #FFFFFF; font-weight: normal; margin: 0 0 15px 0; padding: 10px; text-transform: none; font-size: 12px; text-align: left; position: relative; z-index: 2; } .alerteDV { left: -25px; top: 115px; width: 190px; z-index: 10; } .alerteDV.bottom { top: 255px; width: 190px; } .alerte a, .alerteDV a { color: #ffffff; } .DV_alerte { background-color: #8f8f8b; border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0; color: #fff; font-size: 12px; font-weight: normal; margin: 0; padding: 10px; position: relative; text-align: center; text-transform: none; } .btn_annuler { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; background-color: #fff; border-radius: 15px; box-sizing: border-box; display: block; font-size: 17px; height: 17px; line-height: 13px; padding: 0 4px; position: absolute; right: 6px; text-decoration: none; top: 7px; width: 17px; color: #db0243 !important; font-weight: bold !important; } .btn_annuler:hover { background-color: #333; color: #fff !important; } .container_info { left: -360px; position: absolute; text-align: center; top: 35px; width: 750px; } .container_info.affichage { position: unset; } .fleche_info { background-color: rgba(0, 0, 0, 0); border-bottom: 10px solid #FFA500; border-left: 10px solid rgba(0, 0, 0, 0); border-right: 10px solid rgba(0, 0, 0, 0); height: 0; margin: 0 auto; width: 0; } .infoprivilege { background-color: #ffa500; color: #fff; font-size: 12px; font-weight: bold; padding: 5px; text-transform: none; width: 100%; } #container_alert { position: fixed; width: 790px; z-index: 10000; min-height: 85px; top: -70px; } /* #container_alert.SlideContainer { top: -500px !important; } */ #container_alert_temp { left: calc(50% - 399px); position: fixed; z-index: 10; } .btn_annuler_large { background-color: #333; border: 1px solid #8f8f8b; color: #fff; display: block; margin: 85px auto; padding: 5px; text-align: center; text-decoration: none; width: 250px; } .close_alerte, .close_info, #fenetre_de_prevu .close, #PopUpFichierLie .close, #PopUpFichierLie .close_panneau, #texte_principal .close_panneau, #ResetMdp .close_panneau, #ResetNomFichier .close_panneau, #ResetEmail .close_panneau, .Previsualistion .close, #PopUpAgenda .close, #PopUpSelectionVignette .close_panneau, #texte_principal_correspondance .close_panneau, #PopUpAgendaDesignMultiple .close { background-color: #222222; border: 1px solid #FFFFFF; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; color: #FFFFFF; cursor: pointer; font-size: 20px; font-weight: bold; height: 16px; line-height: 13px; margin: 0 11px 0 0; padding: 0 0 0 2px; position: absolute; right: 0; text-align: center; width: 14px; } .Closing { transform: translate(0px, -50px); -webkit-transform: translate(0px, -50px); -moz-transform: translate(0px, -50px); -o-transform: translate(0px, -50px); -ms-transform: translate(0px, -50px); -webkit-transition: all 0.5s ease 0.2s; -moz-transition: all 0.5s ease 0.2s; -ms-transition: all 0.5s ease 0.2s; -o-transition: all 0.5s ease 0.2s; transition: all 0.5s ease 0.2s; } .f-modal-wrapper .fa.fa-times { background: #f5f5f1 none repeat scroll 0 0; border: 6px solid #fff; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; box-sizing: border-box; color: #a5a5a1 !important; font-size: 12px; height: 35px; line-height: 21px; right: -20px; top: -15px; width: 35px; position: absolute; text-align: center; z-index: 10000; } .close_alerte:hover, .close_info:hover, #fenetre_de_prevu .close:hover, #PopUpFichierLie .close:hover, #PopUpFichierLie .close_panneau:hover, #texte_principal .close_panneau:hover, #ResetMdp .close_panneau:hover, #ResetNomFichier .close_panneau:hover, #ResetEmail .close_panneau:hover, #PopUpAgenda .close:hover, #PopUpSelectionVignette .close_panneau:hover, #texte_principal_correspondance .close_panneau:hover, .f-modal-wrapper .fa.fa-times:hover, #PopUpAgendaDesignMultiple .close:hover { background-color: #ffffff; color: #333333; -moz-border-radius: 36px; -webkit-border-radius: 36px; border-radius: 36px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5) inset; } #PopUpFichierLie .close, #PopUpFichierLie .close_panneau, #texte_principal .close_panneau, #ResetMdp .close_panneau, #ResetNomFichier .close_panneau, #ResetEmail .close_panneau, #PopUpAgenda .close, #PopUpSelectionVignette .close_panneau, #texte_principal_correspondance .close_panneau, #PopUpAgendaDesignMultiple .close { background-color: #f5f5f1; border: 6px solid #fff; border-radius: 35px; box-sizing: border-box; color: #b5b5b1; font-size: 19px; height: 35px; line-height: 20px; right: -25px; top: -15px; width: 35px; z-index: 10010; border-radius:25px; -webkit-border-radius:25px; -moz-border-radius:25px; } .close_mailing { background-color: #D0E132 !important; } .alerte_admin, .info_admin { background-color: #FFA500; border-bottom: 1px solid #CD853F; border-top: 2px solid #CD853F; color: #FFFFFF; font-size: 14px; font-weight: 300; letter-spacing: 1px; opacity: 0.8; padding: 10px 0px 0; text-align: center; width: 790px; z-index: 1; display : none; height: auto; } /* .info_admin{ background-color: #D0E132 !important; border-bottom: 1px solid olive !important; border-top: 2px solid olive !important; color: #333333 !important; } */ .info_admin { background: rgba(255,255,255,0.8); box-shadow: 0 0 10px; color: #333333 !important; border: none; transform: translateY(-38px); } .Confirm, .Annule { background: orange none repeat scroll 0 0; color: #fff; display: inline-block; padding: 3px 10px; margin: 0 15px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; cursor: pointer; } .Annule { background: #131313 none repeat scroll 0 0; border: 1px solid #303030; margin: 0; } .Annule:hover { background: #000 none repeat scroll 0 0; } .Confirm:hover { background: orangered none repeat scroll 0 0; } .alerte_requete > b, .Ajax { color: #D0E132; } .info_admin .alerte_requete > b { color: #333; } .alerte_admin b, .TxtAlerte { color: #ffa500; } .alerte_requete a { color: #ffffff; } .alerte_requete { background-color: #131313; border-top: 4px solid #030303; color: #8F8F8B; font-size: 10px; font-weight: normal; letter-spacing: 1px; margin: 10px auto 0; padding: 5px; width: 780px; height: auto; } .alerte_requete.infoGen { text-align: center; } .info_admin .alerte_requete.infoGen { background: rgba(255,255,255,0.6); border: none; } .alerte_requete.infoIp { text-align: left; max-height: 200px; overflow: auto !important; } .alerte_requete.infoIp > div { box-sizing: border-box; float: left; height: auto; margin: 10px 0 0; padding: 10px; width: 50%; } .alerte_requete.infoIp > div:hover { background-color: rgba(0, 0, 0, 0.5); } .IPDetail > a { color: #fff; } .alerte_requete.fonction { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; background-color: #db0243; color: #fff; text-align: center; } .info_admin .alerte_requete.fonction { background-color: rgba(219, 2, 67, 0.8); text-align: center; border: none; color: #fff; } .alerte_requete.fonction > b { color: #fff; } .alerte_requete.fonction > b i { color: #fff; font-size: 20px; vertical-align: text-top; } .MaJ .fa { color: #333; font-size: 15px; vertical-align: middle; margin: 0 3px 0 15px; height: 15px; width: 15px; } .MaJ .fa:hover { background: rgba(0,0,0,0.2); color: #fff; border-radius: 25px; box-shadow: 0 0 0 5px rgba(0,0,0,0.2); } .alerte_requete .BtnPix { margin: 0 5px 0 0 !important; } #TailleSite { display: inline-block; height: 16px; min-width: 16px; } .PremiereLigne { text-align: center; width: 100%; } .alerte_requete hr { border: 1px dotted #fff; margin: 10px 0; } .alerte h1, .alerteDV h1 { border-bottom: 1px solid #ffffff; font-size: 20px; margin: 0 0 10px; } .colonnes{ padding: 10px; text-align: left; height: auto; max-height: 200px; overflow-y: auto; overflow-x: hidden; max-width: 760px; } .colonnes .contenu { color: #F5F5F1; float: left; padding: 0 0 0 10px; text-transform: none; } .colonnes .titre { clear: both; float: left; } .colonnes .post { float: left; margin: 5px 0; width: 100%; } .alerte_requete img { float: left; margin: 0 9px 9px 0; width: 80px; } #publier_date_modification, #publier_date_creation, #publier_date_modification_reportage, #publier_date_creation_reportage { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); color: #FFFFFF; border: none; float: left; font-size: 10px; font-weight: bold; margin: 0; padding: 0 0px 0 5px; width: 160px; } #publier_date_modification:hover, #publier_date_creation:hover { box-shadow: 0 0 0; } button:not(.froala-box):not(.fr-p-bttn):not(.fr-bttn):not(.fr-trigger):not(.fc-button):not(.fr-color-bttn):not(.RemoveThumb):not(.fr-command):not(.gerer_ID_page):not(.Du):not(.Au) { background: url("../images/icons_blanc.png") no-repeat scroll -7px -180px #333333; border: medium none; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; clear: both; color: #FFFFFF; cursor: pointer; float: left; height: 43px; margin: 0; padding: 0 5px; text-align: left; width: auto; } .TrSpace .td_1 button::before { content: "Id : " attr(value); font-size: 10px; font-weight: normal; left: 0; opacity: 0.5; position: relative; } .froala-editor .fr-bttn { clear: none; } .froala-editor .bttn-wrapper .fr-bttn { clear: none !important; } .f-image-alt button { padding: 3px 10px !important; } .ImgOptimisee i { margin: 0 5px 0 0; padding: 5px !important;} .ImgOptimisee button { padding: 10px !important; text-transform: uppercase; } .legend_in { background-color: red; } .legend_out { background-color: blue; } #formulaire .froala-editor .fr-dropdown .fr-dropdown-menu li a { box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.2) inset; padding: 5px; } #formulaire .fr-color-bttn { box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2) inset; } .f-popup-line.drop-upload { max-height: 310px; max-width: 450px; } .f-popup-line.f-image-alt > input { width: 60% !important; } .f-image-alt label { margin: 5px 10px 0 0 !important; } .f-image-alt .fr-p-bttn.f-ok, .f-image-Class .fr-p-bttn.f-ok { border-radius:0 3px 3px 0 !important; -webkit-border-radius:0 3px 3px 0 !important; -moz-border-radius:0 3px 3px 0 !important; height: 33px; margin: 0 !important; } .f-image-Class .fr-p-bttn.f-ok { padding: 3px 10px !important; } .f-popup-line.f-image-Class.NewClass > input { width: 66% !important; } .froala-popup .medias > li.chemin { max-width: 340px !important; } .froala-popup .medias > li:not(.chemin) { max-width: 315px !important; } .froala-popup .medias { max-width: 400px !important; } .froala-popup #medias { background-color: #fff; } .ClassRemover, .Hix { background: #e5e5e1 none repeat scroll 0 0; display: inline-block; padding: 4px; position: relative; border-radius: 3px !important; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; margin: 0 5px 5px 0; } .ClassIMG, .EnsembleClass, .ClassTable { display: inline-block; } .Hix, .Hixe { background: #8f8f8b none repeat scroll 0 0; color: #fff; cursor: pointer; margin: 0 4px 0 0; padding: 0 4px; border-radius: 3px 0 0 3px !important; -webkit-border-radius: 3px 0 0 3px !important; -moz-border-radius: 3px 0 0 3px !important; } .Hix:hover, .Hixe:hover { background: #5f5f5b none repeat scroll 0 0; } .Hixe { margin: 0; padding: 2px 4px 3px; display: inline-block; } #LigneClass { padding: 3px 5px 10px 0; width: 100%; } #LigneClass input, #LigneClass button { display: inline-block; float: none; margin: 0 !important; max-height: 28px !important; padding: 4px 5px !important; width: 130px; box-sizing: border-box; } #LigneClass button { width: 28px; } button.Done { background: #D0E132 none repeat scroll 0 0 !important; box-sizing: content-box; font-size: 29px !important; } .froala-editor .froala-popup div.f-popup-line input[type="text"] { margin: 0 !important; } button[data-cmd="LargeurImage"] { position: relative; } button[data-cmd="LargeurImage"]:hover { background: none !important; color: #555 !important; } button[data-cmd="LargeurImage"]::after { content: attr(data-largeurimage); font-size: 10px; left: 0; position: absolute; text-align: center; top: 10px; width: 100%; background: #e5e5e1; height: 18px; line-height: 18px; } button[data-cmd="LargeurImage"]::before { top: 0; content: attr(data-prefixe); font-size: 7px; font-weight: bold; left: 0; position: absolute; text-align: center; text-transform: uppercase; width: 100%; border: 1px solid #e5e5e1; background: #f5f5f1; height: 11px; line-height: 9px; box-sizing: border-box; } .container_date_1 { float: left; width: 50%; } .article.produit.reportage.filet_de_deparation.type { width: 59%; } .container_suggestion dt, .containerLien dt { line-height: 9px; margin: 10px 0; padding: 0; width: auto; } .container_suggestion dt { max-width: 80px; } .containerLien { width: 100%; } .container_suggestion { width: 33%; } #publierarticleassocie, #publierreportageassocie, #publierproduitassocie { max-width: 129px; } .container_date_principale { margin: 0px 0 20px 0px; padding: 10px 0 0; width: 31%; } .egal, .different { color: #D0E132; cursor: pointer; font-size: 25px; padding: 30px 15px 0 3px !important; width: auto; } .different { color: #DB0243; } .date { float: left; margin: 5px 0 0; } .container_date_1 select { margin: 0 5px 0 0 !important; max-width: 75px; } .prix { width: 20%; } .mix{ width: 80%; } .coul { width: 12.5%; } .coul input { padding: 10px 15px; width: 52%; } .mix input { width: 93%; } .coul input, .coul input:hover { border-left: medium none; border-right: medium none; padding: 10px 5px !important; text-align: center; width: 62%; -webkit-box-shadow:inset 0 -2px 0px 0px #e5e5e1; box-shadow:inset 0 -2px 0px 0px #e5e5e1; } .DeuxTiers { width: 69%; position: relative; } .UnTiers, .F-Heure { width: 31%; } .UnTiers, .DeuxTiers, .container_date_principale { float: left; border-top: 1px solid #e5e5e1; padding: 15px 0; } .F-Heure { float: left; position: relative; width: 100%; } .CheckLarge { border-bottom: 1px solid #e5e5e1; box-sizing: border-box; float: left; padding: 1em; width: 100%; } .CheckLarge .Last { box-sizing: border-box; padding: 0 0 0 57px !important; position: relative; width: 273px; } .CheckDemi { border-bottom: 1px solid #e5e5e1; box-sizing: border-box; float: left; padding: 1em; position: relative; width: 50%; } .CheckDemi:nth-child(2n+1)::before { background: #D0E132 none repeat scroll 0 0; content: ""; height: 60%; position: absolute; right: 0; top: 20%; width: 2px; } .DeuxTiers::before { background: #D0E132 none repeat scroll 0 0; content: ""; height: 100%; position: absolute; right: 9px; top: 0; width: 1px; } .CheckLarge .Last::before { background: #D0E132 none repeat scroll 0 0; content: ""; height: 100%; left: 25px; position: absolute; top: 2%; width: 2px; } .CheckLarge.NoPad, .CheckDemi.NoPad { padding: 15px 0; } .NoPad dt { padding-top: 0; } .Heure { width: 100% !important; } .Heure dt, .Heure dd { width: auto; } .Heure .date input { width: 20%; } .Heure dt { width: 100%; } .Heure dd { margin: 0; } .PrefixeHoraire { float: left; font-size: 12px; padding: 10px 5px 0 0 !important; } .Heure select { max-width: 65px; } .Heure select, .CheckLarge select { border-left: medium none !important; border-right: medium none !important; margin: 0 !important; } .Heure select:hover, .CheckLarge select:hover { background-color: #e5e5e1 !important; } .Heure select, .CheckLarge.NoPad { border-radius: 0 !important; margin: 0 !important; } .Heure .Ouvre, .CheckLarge.NoPad .Ouvre { border-left: 1px solid #e5e5e1 !important; border-radius: 3px 0 0 3px !important; margin: 0 !important; } .Heure .Ferme, .CheckLarge.NoPad .Ferme { border-radius: 0 3px 3px 0 !important; border-right: 1px solid #e5e5e1 !important; margin-right: 5px; } .ache { background-color: #d5d5d1; color: #fff; display: inline-block; font-size: 14px; padding: 15px 3px; vertical-align: top; } .Heure .date input, .PrefixeHoraire { border: medium none !important; cursor: not-allowed !important; display: inline-block; float: none; font-size: 14px; max-width: 50%; padding: 15px 0; text-align: center; vertical-align: top; width: auto; } .CheckLarge dl:not(:last-child):not(.egal) { width: 227px !important; } .CheckLarge.NoPad.Top { border-bottom: medium none; border-top: 1px solid #e5e5e1; padding-bottom: 0; } .social input { width: 82%; } .social { width: 33%; } .architecture { border-bottom: 1px solid #E5E5E1; font-size: 14px; font-weight: 300; margin: 10px 0 0 !important; } h3.architecture { background-color: #8f8f8b; clear: both; color: #FFFFFF; padding: 2px 5px; width: calc(100% - 10px); } #utilisateurs_inscrits { text-transform: none; } #utilisateurs_inscrits b { color: #707070; font-size: 11px; font-weight: bold; text-transform: uppercase; } #utilisateurs_inscrits > dt { border-bottom: 1px solid #e5e6e1; padding: 5px 0; width: 100%; } #utilisateurs_inscrits .BtnLoad { float: none; vertical-align: bottom; } #utilisateurs_inscrits dt div * { margin-bottom: 0 !important; margin-top: 0 !important; padding-bottom: 0 !important; padding-top: 0 !important; vertical-align: middle !important; display: inline-block !important; } .parametre.container_check label { color: #8F8F8B ; } .parametre.container_check { background-color: #F5F5F1; width: auto !important; } .parametre.bouton_ajouter { position: absolute; right: 0; width: 15%; } .parametre.bouton_chercher, .parametre.bouton_remplacer { width: 20%; float: right; } .parametre .container_info_img { width: 740px; } .parametre .reload_image { float: none; margin: auto; } .parametre.setion_4 input { margin: 0 auto 20px !important; text-align: center; } #enregistrer_nouveau_utilisateur, #ParametreCherche, #ParametreRemplace, #ParametreRemplaceAnnule { font-size: 20px; height: 48px; margin: 35px 0 0; padding: 2px 5px 0; width: auto; } #ParametreCherche, #ParametreRemplace, #ParametreRemplaceAnnule { float: right; margin: 40px 0 0; } #parametrer_recherche_contenu { width: 85%; } #calendar #enregistrer { width: 100% !important; } .container_slider.filigrane { background-color: #A5A5A1; } label.off{ color: #c5c5c1 !important; } #formulaire_parametrer .filet_de_deparation { margin: 0px !important; padding: 0 !important; } .filet_de_deparation { margin: 0px !important; padding: 0px !important; } .end { margin: 0px 0 0 !important; } #formulaire_parametrer h2 { margin: 25px 0 0; padding: 0; width: 100%; cursor: pointer; color: #D0E132; min-height: 55px; } #formulaire_parametrer h2:hover { color: #c0d122; } .qualite_mdp { color: #ffffff; font-size: 10px; font-weight: bold; padding: 2px 0; position: absolute; text-align: center; top: 87px; width: 146px; z-index: 1; } .popup .qualite_mdp { margin: 40px 0 0; width: 300px; } .prixfrais { width: 20% !important; } .prix input, .quantite input, .prixfrais input { width: 72%; } .prixfrais input { width: 80%; } .taille input { width: 86%; } .quart input { width: 75%; } .quart select { margin: 13px 0 0; width: 170px; } .couleur input, .adresse input { width: 90%; } .quantite { width: 20%; } .adresse { width: 60%; } .taille { width: 40%; } .quart { width: 20%; } .quart_select { margin: 0 22px 0 0 !important; width: 22.5%; } .quart_select > dd { display: inline-block; height: 25px; width: 125px; } .quart_select select { margin: 3px 0 0; width: 99%; } .container_design { width: 100%; } #utilisateur_asso > dt { width: 100%; } .solo { float: none; left: calc(50% - 800px / 2); position: absolute; width: 790px !important; } #utilisateurs_inscrits i.fa { color: #555; } .IconPrivilege { background: #e5e5e1 none repeat scroll 0 0; border-radius: 20px; display: inline-block; min-height: 21px; padding: 0 7px; vertical-align: middle; } #utilisateurs_inscrits .IconPrivilege i.fa { border-left: 1px solid rgba(0, 0, 0, 0.1); color: #8f8f8b; cursor: help; margin: 0; padding: 0 0 0 5px; vertical-align: middle; } #utilisateurs_inscrits .IconPrivilege i.fa:first-child:not(.uno) { border: medium none; margin: 0; padding: 0 5px 0 0; } #utilisateurs_inscrits .IconPrivilege i.fa:last-child:not(.uno) { margin: 0 0 0 5px; padding: 0 0 0 5px; } .fa.uno { border: medium none !important; padding: 0 !important; } #utilisateur_asso #publier_categorie { margin: 13px 0 0; } #publier_categorie > option:last-child::before { font-weight: bold; } dd.solo { background-color: #f5f5f1; margin: 0 0 21px; padding: 19px 0; } .parametre.setion_3 select, #formulaire_parametrer #publier_sous_categorie:not(.temp_input), #publier_association { margin: 10px 0 0 5px !important; } #publier_categorie, #publier_sous_categorie { max-width: 245px; } #formulaire_parametrer #selecteur_sous_categorie { padding: 0 !important; } dd.asso_categorie, #utilisateur_type dd { } #utilisateur_asso > dd { border: medium none !important; margin: 0 !important; width: 195px !important; } #utilisateur_asso .retour_select { padding: 11px 5px; } #utilisateur_asso .temp_input { margin: 0 !important; padding: 15px 10px !important; width: 110px; } #RetourChamp { float: left; height: 114px; position: relative; width: 30px; } #RetourChamp::before { border-bottom: 15px solid transparent; border-right: 15px solid #8f8f8b; border-top: 15px solid transparent; content: ""; cursor: pointer; height: 0; position: absolute; top: 30%; width: 0; } #RetourChamp:hover::before { border-right-color: #555555; } .SlideOverflowUser { overflow: hidden; position: relative; width: 100%; } .SlideOverflowUser dl, .SlideUser { position: relative; } .SlideNewUser1, .SlideNewUser2, .SlideNewUser3, .SlideNewUser6 { width: 160px !important; } .SlideNewUser5, .SlideNewUser7 { width: 220px !important; } #selecteur_categorie.asso_categorie { border: medium none; margin: 0; } #selecteur_langue { float: left; margin: 0; padding: 0; text-align: right; width: 100%; } #selecteur_langue > label, #selecteur_langue > input { float: none; line-height: 12px; margin: 14px 5px; width: auto; } #selecteur_langue > label { border-right: 1px solid #D0E132; padding: 0 10px 0 0; } .design { width: 80%; } .theme_1{ background: url("../images/theme_1.gif") no-repeat scroll 0px 0px #f5f5f1; } .theme_1_1{ background: url("../images/theme_1_1.gif") no-repeat scroll 0px 0px #f5f5f1; margin: 0 0 0 10px; } .theme_2{ background: url("../images/theme_2_1.gif") no-repeat scroll 0px 0px #f5f5f1; } .theme_2_1{ background: url("../images/theme_3_1.gif") no-repeat scroll 0px 0px #f5f5f1; margin: 0 0 0 10px; } .theme_3{ background: url("../images/theme_3.gif") no-repeat scroll 0px 0px #f5f5f1; } .theme_3_1{ background: url("../images/theme_2_2.gif") no-repeat scroll 0px 0px #f5f5f1; margin: 0 0 0 10px; } .theme_4{ background: url("../images/theme_4.gif") no-repeat scroll 0px 0px #f5f5f1; } .theme_4_1{ background: url("../images/theme_4_1.gif") no-repeat scroll 0px 0px #f5f5f1; margin: 0 0 0 10px; } .theme_5{ background: url("../images/theme_1_1.gif") no-repeat scroll 0px 0px #f5f5f1; } .theme_5_1{ background: url("../images/theme_1.gif") no-repeat scroll 0px 0px #f5f5f1; } .theme_1.choisi{ background: url("../images/theme_1hover.gif") no-repeat scroll 0px 0px #f5f5f1; } .theme_1_1.choisi{ background: url("../images/theme_1_1hover.gif") no-repeat scroll 0px 0px #f5f5f1; } .theme_2.choisi{ background: url("../images/theme_2_1hover.gif") no-repeat scroll 0px 0px #f5f5f1; } .theme_2_1.choisi{ background: url("../images/theme_3_1hover.gif") no-repeat scroll 0px 0px #f5f5f1; } .theme_3.choisi{ background: url("../images/theme_3hover.gif") no-repeat scroll 0px 0px #f5f5f1; } .theme_3_1.choisi{ background: url("../images/theme_2_2hover.gif") no-repeat scroll 0px 0px #f5f5f1; } .theme_4.choisi{ background: url("../images/theme_4hover.gif") no-repeat scroll 0px 0px #f5f5f1; } .theme_5.choisi{ background: url("../images/theme_1_1hover.gif") no-repeat scroll 0px 0px #f5f5f1; } .theme_4_1.choisi{ background: url("../images/theme_4_1hover.gif") no-repeat scroll 0px 0px #f5f5f1; } .setion_7 .theme_1, .setion_7 .theme_1_1, .setion_7 .theme_2, .setion_7 .theme_2_1, .setion_7 .theme_3, .setion_7 .theme_3_1, .setion_7 .theme_4, .setion_7 .theme_4_1, .setion_7 .theme_5, .setion_7 .theme_5_1 { background-size: 80px auto; height: 80px; margin: 0 10px 20px 0; opacity: 0.5; width: 80px; } .container_design .theme_1_1, .container_design .theme_2_1, .container_design .theme_3_1, .container_design .theme_1, .container_design .theme_2, .container_design .theme_3, .container_design .theme_4, .container_design .theme_5 { display: inline-block; float: none; height: 100px; margin: 0 auto 20px !important; opacity: 0.5; text-align: center; width: 100px; } .setion_7 .theme_1:hover, .setion_7 .theme_1_1:hover, .setion_7 .theme_2:hover, .setion_7 .theme_2_1:hover, .setion_7 .theme_3:hover, .setion_7 .theme_3_1:hover, .setion_7 .theme_4:hover, .setion_7 .theme_4_1:hover, .setion_7 .theme_5:hover, .setion_7 .theme_5_1:hover, .container_design .theme_1_1:hover, .container_design .theme_2_1:hover, .container_design .theme_3_1:hover, .container_design .theme_1:hover, .container_design .theme_2:hover, .container_design .theme_3:hover, .container_design .theme_4:hover, .container_design .theme_4_1:hover, .container_design .theme_5:hover { cursor: pointer; opacity: 1; } .choisi { opacity: 1 !important; } .setion_7 .theme { padding: 0; width: 202px; } .setion_7.design dt { width: 202px; } .container_design dt { width: 20%; } .container_design .float_left { margin: 5px auto 10px !important; padding: 0; width: 100%; } .container_design .float_left.theme:first-of-type { clear: left; } .container_design label { text-align: center; width: 100%; } .container_design dd { float: left; height: 100px; text-align: center; width: 20% !important; } .couleur { width: 40%; } .article.produit.reportage.container_check_publier { width: 110px; } #titre_exergue, .MenuTop #VeryBigMenu, .MenuTop #suivant::after { left: 0; position: fixed; width: 100%; background-color: rgba(255, 255, 255, 0.8); box-sizing: border-box; height: 70px; box-shadow: 0 -5px 15px 5px rgba(0,0,0,0.1); } .MenuTop #suivant::after { content: ''; bottom: 0px; height: 60px; } #titre_exergue { z-index: 3000; padding: 25px 0 0 0; text-align: center; bottom: -70px; } .MenuTop #suivant, .MenuTop #suivant:hover { position: fixed; bottom: 0px; background: rgba(0, 0, 0, 0); width: 100%; left: 0; margin: auto !important; box-shadow: none; padding-bottom: 10px; color: #808087; z-index: 10; } .MenuTop #suivant { transform: translate(0, 0); } .MenuTop #suivant p { position: relative; z-index: 1; } .MenuTop #Niveau { width: 100%; position: absolute; left: 0; top: -20px; box-shadow: 0 -3px 0 0 rgba(255,255,255,0.8); padding-right: 10px; background: rgba(255,255,255,0.8); } .MenuTop #VeryBigMenu { z-index: 3003; top: 0; margin: 0; padding: 10px 0; } .MenuTop #VeryBigMenu li:not(.ContainerMiniSelectLi) { max-height: 40px; line-height: 40px !important; padding: 0 !important; z-index: 3002; position: relative; display: inline-block; vertical-align: middle; float: none !important; width: 186px; } .MenuTop #VeryBigMenu .pastille, .MenuTop #VeryBigMenu #Mini_Select_tous_Articles { margin: 0 !important; position: absolute; top: 9px; left: 5px; max-height: 15px; max-width: 15px; border-width: 5px; font-size: 10px; line-height: 15px!important; } .MenuTop #VeryBigMenu #Mini_Select_tous_Articles { top: 5px !important; left: 145px !important; } .MenuTop #VeryBigMenu .association #Mini_Select_tous_Articles { left: 15px !important; } .MenuTop .BigMenu.Actif { top: 70px; } .MenuTop .BigMenu { -webkit-transition: all 0.5s ease 0.3s; -moz-transition: all 0.5s ease 0.3s; -ms-transition: all 0.5s ease 0.3s; -o-transition: all 0.5s ease 0.3s; transition: all 0.5s ease 0.3s; position: fixed; top: -200px; left: 0; background: rgba(143, 143, 139, 0.8) !important; min-width: 100%; z-index: 3002; text-align: center; } .MenuTop #CacheMenu { height: 135px; } .MenuTop .BigMenu li { float: none !important; display: inline-block; } .MenuTop .BigMenu li:not(.actif) { color: #fff; border-color: #fff !important; } .MenuTop #gerer li.ContainerMiniSelectLi { position: fixed; z-index: 3004; } .MenuTop .ContainerMiniSelectLi::after { border-bottom-color: #e5e5e1; } .MenuTop .froala-editor.f-basic.gray-theme.f-scroll { top: 70px; box-shadow: 0 10px 10px -5px rgba(0,0,0,0.2), -770px 0px 0px 0px rgba(255,255,255,0.8), 770px 0px 0px 0px rgba(255,255,255,0.8); } .MenuTop #bouton_deconnect { position: fixed; top: 10px; left: 15px; z-index: 3003; text-indent: -9999px; width: 42px; height: 42px; background: rgba(0, 0, 0, 0); font-size: 12px; color: #e5e5e1; border-color: #e5e5e1; line-height: 39px; box-sizing: border-box; margin: 0; padding: 0; } .MenuTop #bouton_deconnect:hover { -webkit-transition: all 0.5s ease 0.3s; -moz-transition: all 0.5s ease 0.3s; -ms-transition: all 0.5s ease 0.3s; -o-transition: all 0.5s ease 0.3s; transition: all 0.5s ease 0.3s; background: rgba(0, 0, 0, 0.3); text-indent: 30px; width: 130px; } .MenuTop #bouton_deconnect::before { content: "\f011"; position: absolute; width: 42px; height: 42px; top: 0px; left: 0px; text-indent: 0; line-height: 43px; font-size: 19px; font-family: fontawesome; text-align: center; box-sizing: border-box; } .MenuTop #bouton_deconnect:hover::before { color: #D0E132; } .MenuTop #toggle_li_tr_btn { position: fixed; z-index: 3003; top: 16px; right: 65px; } .titre_ouvert { animation: apparition_fond_bouton_enregistrer linear 0.2s; animation-iteration-count: 1; transform-origin: 50% 50%; animation-fill-mode:forwards; -webkit-animation: apparition_fond_bouton_enregistrer linear 0.2s; -webkit-animation-iteration-count: 1; -webkit-transform-origin: 50% 50%; -webkit-animation-fill-mode:forwards; -moz-animation: apparition_fond_bouton_enregistrer linear 0.2s; -moz-animation-iteration-count: 1; -moz-transform-origin: 50% 50%; -moz-animation-fill-mode:forwards; -o-animation: apparition_fond_bouton_enregistrer linear 0.2s; -o-animation-iteration-count: 1; -o-transform-origin: 50% 50%; -o-animation-fill-mode:forwards; -ms-animation: apparition_fond_bouton_enregistrer linear 0.2s; -ms-animation-iteration-count: 1; -ms-transform-origin: 50% 50%; -ms-animation-fill-mode:forwards; } .titre_ferme { animation: disparition_fond_bouton_enregistrer linear 0.2s; animation-iteration-count: 1; transform-origin: 50% 50%; animation-fill-mode:forwards; -webkit-animation: disparition_fond_bouton_enregistrer linear 0.2s; -webkit-animation-iteration-count: 1; -webkit-transform-origin: 50% 50%; -webkit-animation-fill-mode:forwards; -moz-animation: disparition_fond_bouton_enregistrer linear 0.2s; -moz-animation-iteration-count: 1; -moz-transform-origin: 50% 50%; -moz-animation-fill-mode:forwards; -o-animation: disparition_fond_bouton_enregistrer linear 0.2s; -o-animation-iteration-count: 1; -o-transform-origin: 50% 50%; -o-animation-fill-mode:forwards; -ms-animation: disparition_fond_bouton_enregistrer linear 0.2s; -ms-animation-iteration-count: 1; -ms-transform-origin: 50% 50%; -ms-animation-fill-mode:forwards; } .bloc_bouton_fixe:not(.progress) { -webkit-transition: all 0.5s ease 1s; -moz-transition: all 0.5s ease 1s; -ms-transition: all 0.5s ease 1s; -o-transition: all 0.5s ease 1s; transition: all 0.5s ease 1s; bottom: 10px; position: fixed; right: 50px; transform: translate(20px, 0) scale(0.7); -moz-transform: translate(20px, 0) scale(0.7); -webkit-transform: translate(20px, 0) scale(0.7); -ms-transform: translate(20px, 0) scale(0.7); width: auto; z-index: 3000; } .bloc_bouton_fixe.retour:not(.progress):not(.parametre) { animation: disparition_bouton_enregistrer linear 0.1s; -moz-animation: disparition_bouton_enregistrer linear 0.1s; -webkit-animation: disparition_bouton_enregistrer linear 0.1s; -o-animation: disparition_bouton_enregistrer linear 0.1s; -ms-animation: disparition_bouton_enregistrer linear 0.1s; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards; -moz-animation-fill-mode:forwards; -o-animation-fill-mode:forwards; -ms-animation-fill-mode:forwards; } .bloc_bouton_fixe.retour:not(.progress) { /* float: left; */ display: inline; position: unset; transform: scale(1, 1) !important; width: 100% !important; } .float_right.Public.bloc_bouton_fixe { bottom: 22px; float: right; right: 250px; transform: scale(1); width: auto !important; } .float_right.Public.Prevu.bloc_bouton_fixe { bottom: 21px; left: 60px; right: auto; } .float_right.Public.Prevu { padding: 0 !important } .bloc_bouton_fixe:not(.retour) .Check-input:checked ~ .Check-label::after { content: attr(data-on); font-size: 10px; left: 13px; position: absolute; top: 10px; } .panneau_ouvert { animation: apparition_fond_panneau_alerte linear 0.2s; animation-iteration-count: 1; transform-origin: 50% 50%; animation-fill-mode:forwards; -webkit-animation: apparition_fond_panneau_alerte linear 0.2s; -webkit-animation-iteration-count: 1; -webkit-transform-origin: 50% 50%; -webkit-animation-fill-mode:forwards; -moz-animation: apparition_fond_panneau_alerte linear 0.2s; -moz-animation-iteration-count: 1; -moz-transform-origin: 50% 50%; -moz-animation-fill-mode:forwards; -o-animation: apparition_fond_panneau_alerte linear 0.2s; -o-animation-iteration-count: 1; -o-transform-origin: 50% 50%; -o-animation-fill-mode:forwards; -ms-animation: apparition_fond_panneau_alerte linear 0.2s; -ms-animation-iteration-count: 1; -ms-transform-origin: 50% 50%; -ms-animation-fill-mode:forwards; } .panneau_ferme { animation: disparition_fond_panneau_alerte linear 0.2s; animation-iteration-count: 1; transform-origin: 50% 50%; animation-fill-mode:forwards; -webkit-animation: disparition_fond_panneau_alerte linear 0.2s; -webkit-animation-iteration-count: 1; -webkit-transform-origin: 50% 50%; -webkit-animation-fill-mode:forwards; -moz-animation: disparition_fond_panneau_alerte linear 0.2s; -moz-animation-iteration-count: 1; -moz-transform-origin: 50% 50%; -moz-animation-fill-mode:forwards; -o-animation: disparition_fond_panneau_alerte linear 0.2s; -o-animation-iteration-count: 1; -o-transform-origin: 50% 50%; -o-animation-fill-mode:forwards; -ms-animation: disparition_fond_panneau_alerte linear 0.2s; -ms-animation-iteration-count: 1; -ms-transform-origin: 50% 50%; -ms-animation-fill-mode:forwards; } @keyframes apparition_bouton_enregistrer{ 0% { transform: translate(0px,0px)scaleX(0.65) scaleY(0.65); } 100% { transform: translate(-220px,0px)scaleX(0.65) scaleY(0.65); } } @-moz-keyframes apparition_bouton_enregistrer{ 0% { -moz-transform: translate(0px,0px)scaleX(0.65) scaleY(0.65); } 100% { -moz-transform: translate(-220px,0px)scaleX(0.65) scaleY(0.65); } } @-webkit-keyframes apparition_bouton_enregistrer { 0% { -webkit-transform: translate(0px,0px)scaleX(0.65) scaleY(0.65); } 100% { -webkit-transform: translate(-220px,0px)scaleX(0.65) scaleY(0.65); } } @-o-keyframes apparition_bouton_enregistrer { 0% { -o-transform: translate(0px,0px)scaleX(0.65) scaleY(0.65); } 100% { -o-transform: translate(-220px,0px)scaleX(0.65) scaleY(0.65); } } @-ms-keyframes apparition_bouton_enregistrer { 0% { -ms-transform: translate(0px,0px)scaleX(0.65) scaleY(0.65); } 100% { -ms-transform: translate(-220px,0px)scaleX(0.65) scaleY(0.65); } } @keyframes disparition_bouton_enregistrer{ 0% { transform: translate(-220px,0px)scaleX(1) scaleY(1); } 100% { transform: translate(0px,0px)scaleX(1) scaleY(1); } } @-moz-keyframes disparition_bouton_enregistrer{ 0% { -moz-transform: translate(-220px,0px)scaleX(1) scaleY(1); } 100% { -moz-transform: translate(0px,0px)scaleX(1) scaleY(1); } } @-webkit-keyframes disparition_bouton_enregistrer { 0% { -webkit-transform: translate(-220px,0px)scaleX(1) scaleY(1); } 100% { -webkit-transform: translate(0px,0px)scaleX(1) scaleY(1); } } @-o-keyframes disparition_bouton_enregistrer { 0% { -o-transform: translate(-220px,0px)scaleX(1) scaleY(1); } 100% { -o-transform: translate(0px,0px)scaleX(1) scaleY(1); } } @-ms-keyframes disparition_bouton_enregistrer { 0% { -ms-transform: translate(-220px,0px)scaleX(1) scaleY(1); } 100% { -ms-transform: translate(0px,0px)scaleX(1) scaleY(1); } } @keyframes apparition_fond_bouton_enregistrer{ 0% { transform: translate(0px,0px); } 100% { transform: translate(0px,-70px); } } @-moz-keyframes apparition_fond_bouton_enregistrer{ 0% { -moz-transform: translate(0px,0px); } 100% { -moz-transform: translate(0px,-70px); } } @-webkit-keyframes apparition_fond_bouton_enregistrer { 0% { -webkit-transform: translate(0px,0px); } 100% { -webkit-transform: translate(0px,-70px); } } @-o-keyframes apparition_fond_bouton_enregistrer { 0% { -o-transform: translate(0px,0px); } 100% { -o-transform: translate(0px,-70px); } } @-ms-keyframes apparition_fond_bouton_enregistrer { 0% { -ms-transform: translate(0px,0px); } 100% { -ms-transform: translate(0px,-70px); } } @keyframes disparition_fond_bouton_enregistrer{ 0% { transform: translate(0px,-70px); } 100% { transform: translate(0px,0px); } } @-moz-keyframes disparition_fond_bouton_enregistrer{ 0% { -moz-transform: translate(0px,-70px); } 100% { -moz-transform: translate(0px,0px); } } @-webkit-keyframes disparition_fond_bouton_enregistrer { 0% { -webkit-transform: translate(0px,-70px); } 100% { -webkit-transform: translate(0px,0px); } } @-o-keyframes disparition_fond_bouton_enregistrer { 0% { -o-transform: translate(0px,-70px); } 100% { -o-transform: translate(0px,0px); } } @-ms-keyframes disparition_fond_bouton_enregistrer { 0% { -ms-transform: translate(0px,-70px); } 100% { -ms-transform: translate(0px,0px); } } @keyframes apparition_panneau_alerte{ 0% { transform: translate(0px,0px)scaleX(0.65) scaleY(0.65); } 100% { transform: translate(-220px,0px)scaleX(0.65) scaleY(0.65); } } @-moz-keyframes apparition_panneau_alerte{ 0% { -moz-transform: translate(0px,0px)scaleX(0.65) scaleY(0.65); } 100% { -moz-transform: translate(-220px,0px)scaleX(0.65) scaleY(0.65); } } @-webkit-keyframes apparition_panneau_alerte { 0% { -webkit-transform: translate(0px,0px)scaleX(0.65) scaleY(0.65); } 100% { -webkit-transform: translate(-220px,0px)scaleX(0.65) scaleY(0.65); } } @-o-keyframes apparition_panneau_alerte { 0% { -o-transform: translate(0px,0px)scaleX(0.65) scaleY(0.65); } 100% { -o-transform: translate(-220px,0px)scaleX(0.65) scaleY(0.65); } } @-ms-keyframes apparition_panneau_alerte { 0% { -ms-transform: translate(0px,0px)scaleX(0.65) scaleY(0.65); } 100% { -ms-transform: translate(-220px,0px)scaleX(0.65) scaleY(0.65); } } @keyframes disparition_panneau_alerte{ 0% { transform: translate(-220px,0px)scaleX(0.65) scaleY(0.65); } 100% { transform: translate(0px,0px)scaleX(0.65) scaleY(0.65); } } @-moz-keyframes disparition_panneau_alerte{ 0% { -moz-transform: translate(-220px,0px)scaleX(0.65) scaleY(0.65); } 100% { -moz-transform: translate(0px,0px)scaleX(0.65) scaleY(0.65); } } @-webkit-keyframes disparition_panneau_alerte { 0% { -webkit-transform: translate(-220px,0px)scaleX(0.65) scaleY(0.65); } 100% { -webkit-transform: translate(0px,0px)scaleX(0.65) scaleY(0.65); } } @-o-keyframes disparition_panneau_alerte { 0% { -o-transform: translate(-220px,0px)scaleX(0.65) scaleY(0.65); } 100% { -o-transform: translate(0px,0px)scaleX(0.65) scaleY(0.65); } } @-ms-keyframes disparition_panneau_alerte { 0% { -ms-transform: translate(-220px,0px)scaleX(0.65) scaleY(0.65); } 100% { -ms-transform: translate(0px,0px)scaleX(0.65) scaleY(0.65); } } @keyframes apparition_fond_panneau_alerte{ 0% { transform: translate(0px,0px); } 100% { transform: translate(0px,70px); } } @-moz-keyframes apparition_fond_panneau_alerte{ 0% { -moz-transform: translate(0px,0px); } 100% { -moz-transform: translate(0px,70px); } } @-webkit-keyframes apparition_fond_panneau_alerte { 0% { -webkit-transform: translate(0px,0px); } 100% { -webkit-transform: translate(0px,70px); } } @-o-keyframes apparition_fond_panneau_alerte { 0% { -o-transform: translate(0px,0px); } 100% { -o-transform: translate(0px,70px); } } @-ms-keyframes apparition_fond_panneau_alerte { 0% { -ms-transform: translate(0px,0px); } 100% { -ms-transform: translate(0px,70px); } } @keyframes disparition_fond_panneau_alerte{ 0% { transform: translate(0px,-70px); } 100% { transform: translate(0px,0px); } } @-moz-keyframes disparition_fond_panneau_alerte{ 0% { -moz-transform: translate(0px,-70px); } 100% { -moz-transform: translate(0px,0px); } } @-webkit-keyframes disparition_fond_panneau_alerte { 0% { -webkit-transform: translate(0px,-70px); } 100% { -webkit-transform: translate(0px,0px); } } @-o-keyframes disparition_fond_panneau_alerte { 0% { -o-transform: translate(0px,-70px); } 100% { -o-transform: translate(0px,0px); } } @-ms-keyframes disparition_fond_panneau_alerte { 0% { -ms-transform: translate(0px,-70px); } 100% { -ms-transform: translate(0px,0px); } } .container_check_slide, .container_check_publier, .container_check, .container_check_parametrer, .container_check_home { float: left; margin: 15px 0px 0 0; width: 135px; clear: both; background-color: #777777; border-right: 1px solid #FFFFFF; font-size: 12px; } .filet_de_deparationLarge { width: 67%; position: relative; } .Agendas { box-sizing: border-box; float: left; height: 46px; margin: 10px 0 !important; position: relative; width: 513px; } .filet_de_deparationLarge::after { color: #8f8f8b; content: "❱"; font-size: 25px; left: -5px; position: absolute !important; top: 17px; } .container_check_slide { width: 195px !important; } .container_info_img .legende_image.off, .container_info_img .legende_image.on { margin: 3px 0 0; } .reload_image { border-radius: 20px; cursor: pointer; float: left; height: 20px; margin: 3px 0 0 15px; width: 20px; } .reload_image.haut:hover, .reload_image.haut_slide:hover, .reload_image.bas_slide:hover { background: url("../images/icons_blanc.png") no-repeat scroll -453px 3px rgba(0, 0, 0, 0.5) !important; padding: 2px 5px; } .reload_image.haut, .reload_image.haut_slide, .reload_image.bas_slide { background: url("../images/icons_blanc.png") no-repeat scroll -453px 3px rgba(0, 0, 0, 1) !important; border-radius: 15px; box-sizing: content-box; height: 16px; margin: 0; padding: 2px 5px; position: absolute; left:47%; top: 5%; width: 11px; } .copyright_image { background: #8f8f8b url("../images/icons_blanc.png") no-repeat scroll -165px 2px !important; border-radius: 20px; color: #ffffff; cursor: pointer; float: left; font-size: 18px; height: 20px; line-height: 20px; margin: 3px 5px 0 15px; padding: 0; text-align: center; width: 20px; } .copyright_image:hover { background: #333333 url("../images/icons_blanc.png") no-repeat scroll -165px 2px !important; } .copyright_image.on { background: #D0E132 url("../images/icons_noir.png") no-repeat scroll -165px 2px !important; } .container_legende_modif { display: inline-block; width: 210px; } .container_copyright, .container_legende { bottom: -10px; font-size: 12px !important; margin: 0; padding: 0; position: absolute; text-transform: none !important; width: 100%; z-index: 20; left: 15px; } .container_legende { bottom: -35px; z-index: 101; } .container_copyright p, .container_legende p, .container_champ_legende p { float: left; margin: 5px 0 0; font-size: 12px !important; text-transform: none !important; } .reportage_interieur .container_legende { bottom: -142px; left: -3px; width: 139px; } .reportage_interieur .container_champ_copyright::before, .reportage_interieur .container_champ_legende::before { left: -1px; } .fleche_legende { margin: 0 0 0 145px !important; } .container_champ_copyright, .container_champ_legende { float: left; height: auto; padding: 15px 5px; width: auto; background-color: #ffffff; box-shadow: 0 0 12px rgba(0, 0, 0, 0.5); position: relative; } .container_champ_copyright::before, .container_champ_legende::before { border-bottom: 10px solid #fff; border-left: 10px solid transparent; border-right: 10px solid transparent; content: ""; left: 116px; margin-left: 20px; position: absolute; top: -10px; height: 0; width: 0; } #formulaire_publier .container_copyright .btnOk::after, #formulaire_publier .container_legende .btnOk::after { background-color: #8f8f8b; border-radius: 0 3px 3px 0; color: #fff; content: "Ok"; cursor: pointer; position: absolute; left: 198px; top: 0px; height: 0; line-height: 0; padding: 25px 5px; } .container_legende .btnOk::after { padding: 35px 5px 36px !important; } .container_copyright .btnOk:hover::after, .container_legende .btnOk:hover::after { background-color: #333333; } .container_champ_legende::before { margin-left: 45px; } .copyright, .legende { float: left; margin: 0 0 0 5px !important; max-width: 119px; padding: 0 0 0 5px !important; } .legende { background-color: #f5f5f1 !important; border: medium none; height: auto !important; max-width: 128px !important; min-width: 128px; width: 128px !important; } .container_legende_modif textarea{ max-width: 138px !important; min-width: 138px; width: 138px !important; } .container_info_img { display: inline-block; height: 28px; margin: 0 auto; text-align: left; width: 210px; } .container_info_img .reload_image, .container_info_img .legende_image, .container_info_img .copyright_image { float: right; } .container_info_img > .switch, .container_info_img > .Check { display: block; float: left; margin: 1px auto 0 5px; } .container_info_img > p { float: left; margin: 0; padding: 5px 0 0; } .inactif, .inactif.switch-handle:before, .inactif.Check-handle:before { background: none repeat scroll 0 0 #f5f5f1 !important; color: #d5d5d1 !important; cursor: no-drop; } .switch, .Check { position: relative; display: inline-block; vertical-align: top; width: 35px; height: 20px; padding: 3px; background-color: white; border-radius: 18px; box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05); cursor: pointer; background-image: -webkit-linear-gradient(top, #f5f5f1, white 25px); background-image: -moz-linear-gradient(top, #f5f5f1, white 25px); background-image: -o-linear-gradient(top, #f5f5f1, white 25px); background-image: linear-gradient(to bottom, #f5f5f1, white 25px); } .bloc_bouton_fixe:not(.retour) .switch, .bloc_bouton_fixe:not(.retour) .Check { width: 75px; } .bloc_bouton_fixe:not(.retour) .switch-handle, .bloc_bouton_fixe:not(.retour) .Check-input:checked ~ .Check-handle { left: 59px; } .bloc_bouton_fixe:not(.retour) .switch-label:before, .bloc_bouton_fixe:not(.retour) .Check-label:before { content: attr(data-off); } .switch-input, .Check-input { position: absolute; top: 0; left: 0; opacity: 0; } .switch-label, .Check-label { position: relative; display: block; height: inherit; font-size: 10px; background: #f5f5f1; border-radius: inherit; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15); -webkit-transition: 0.15s ease-out; -moz-transition: 0.15s ease-out; -o-transition: 0.15s ease-out; transition: 0.15s ease-out; -webkit-transition-property: opacity background; -moz-transition-property: opacity background; -o-transition-property: opacity background; transition-property: opacity background; } .switch-label:before, .switch-label:after, .Check-label:before, .Check-label:after { position: absolute; top: 50%; margin-top: -.5em; line-height: 1; -webkit-transition: inherit; -moz-transition: inherit; -o-transition: inherit; transition: inherit; } .switch-label:before, .Check-label:before { right: 6px; color: #8f8f8b; text-shadow: 0 1px rgba(255, 255, 255, 0.5); } .switch-label:after, .Check-label:after { left: 6px; color: white; text-shadow: 0 1px rgba(0, 0, 0, 0.2); opacity: 0; } .switch-input:disabled ~ .switch-handle::before, .Check-input:disabled ~ .Check-handle::before { background: #e9e9e5; cursor: no-drop; } .switch-input:disabled ~ .switch-label, .Check-input:disabled ~ .Check-label, .switch-input:disabled ~ .switch-label::before, .Check-input:disabled ~ .Check-label::before { cursor: no-drop; color: #bfbfbb; } .switch-input:checked ~ .switch-label, .Check-input:checked ~ .Check-label { background: #D0E132; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2); } .switch-input:checked ~ .switch-label:before, .Check-input:checked ~ .Check-label:before { opacity: 0; } .switch-input:checked ~ .switch-label:after, .Check-input:checked ~ .Check-label:after { opacity: 1; } .switch-handle, .Check-handle { position: absolute; top: 4px; left: 4px; width: 18px; height: 18px; background: white; border-radius: 10px; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2); background-image: -webkit-linear-gradient(top, white 40%, #f0f0f0); background-image: -moz-linear-gradient(top, white 40%, #f0f0f0); background-image: -o-linear-gradient(top, white 40%, #f0f0f0); background-image: linear-gradient(to bottom, white 40%, #f0f0f0); -webkit-transition: left 0.15s ease-out; -moz-transition: left 0.15s ease-out; -o-transition: left 0.15s ease-out; transition: left 0.15s ease-out; } .switch-handle:before, .Check-handle:before { content: ''; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -6px; width: 12px; height: 12px; border-radius: 6px; box-shadow: inset 0 1px rgba(0, 0, 0, 0.02); } .switch-input:checked ~ .switch-handle, .Check-input:checked ~ .Check-handle { left: 19px; box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2); } .switch-green > .switch-input:checked ~ .switch-label, .Check-green > .Check-input:checked ~ .Check-label { background: #4fb845; } a.Previsualistion { background: #8f8f8b none repeat scroll 0 0; color: #fff; display: inline-block; font-size: 12px; padding: 8px; text-align: center; text-decoration: none; border-radius:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } a.Previsualistion:hover { background: #555 none repeat scroll 0 0; } .container_check_home { background-color: #FFFFFF !important; width: 100% !important; } .container_check_parametrer { margin: 0px 0px 0 0 !important; background-color: #f5f5f1 !important; } .correct { color: #D0E132; display: inline; } h2.article, h2.produit, h2.reportage, h2.restauration { color: #D0E132; margin: 30px 0 0; padding: 20px 0 0; width:100%; border-top: 1px solid #f5f5f1; } .incorrect{ color: #DB0243; display: inline; } .container_check { width: 160px !important; } .container_check_parametrer { width: auto !important; } .container_check_publier, .container_check, .container_check_parametrer { clear: none !important; } .labelExterne { float: left; margin: 3px 5px 0 0; } .labelExterne:not(:first-child) { margin: 3px 5px 0 74px; } .parametre.langue.setion_2 { margin: 10px 0 0; } h3.architecture ~ dl.parametre.setion_2.container_check_parametrer:nth-of-type(3n+3) { margin: 10px 10px 0 !important; } dl.parametre.setion_2.container_check_parametrer { margin: 10px 0 0 !important; width: 245px !important; }dl.parametre.setion_2.container_check_parametrerLarge { margin: 10px 0 0 !important; background-color: #f5f5f1 !important; width: 100% !important; } .parametre.setion_2.container_check_parametrer input[type="checkbox"] { margin: 0 10px 0 0 !important; } .parametre.setion_2.container_check_parametrer dd { float: right !important; } .parametre.setion_2.container_check_parametrer dt { height: auto !important; line-height: 12px; padding: 19px 0 0 10px; width: 68% !important; } .parametre.setion_2 label { max-width: 144px; } #dtNormaliser { float: left; width: 590px; } #normaliser_base_client { background-color: #8f8f8b; float: right; font-size: 12px; width: auto; } #normaliser_base_client:hover { background-color: #333333; } .container_check_publier{ width: 94px !important; } .parametre.setion_2.container_check_parametrer:hover, .parametre.setion_2.container_check_parametrer:hover > dt label { background-color: #e5e5e1 !important; color: #8f8f8b !important; } .container_date { background-color: #777777; float: left; font-size: 10px; margin: 50px 0 0; width: 760px; } .container_check_slide dt, .container_check_publier dt, .container_date dt, .container_check dt, .container_check dd, .container_check_slide dd, .container_check_publier dd, .container_date dd, .container_check_parametrer dd, .container_check_home dd, .container_check_home dt { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); color: #FFFFFF; margin: 0; padding: 10px; } .container_check_home dd:nth-child(3) { clear: both; } .img_de_fond { position: fixed; width: 100%; z-index: -100; } label{ position: relative; } .container_check_parametrer dt { color: #999999; padding: 11px 10px 10px; } .container_check_slide dd, .container_check_publier dd, .container_date dd, .container_check dd, .container_check_parametrer dd { padding: 12px 5px 10px 0 !important; } .container_check_home label:not(.Check), .container_check_home dt, .container_check_home dd, .ReportagePublic dt { color: #8F8F8B; font-size: 14px; font-weight: 300; margin: 0 !important; padding: 5px 5px 0 0 !important; } .container_check_home input { margin: 8px 3px 0 0; } .pipe_vert { color: #D0E132; float: left; font-size: 30px; line-height: 24px; margin: 0 10px 0 9px; } .FiltreConnexion .pipe_vert { float: none; font-size: 15px; } #tableau_gerer_statistiques h6 { float: left; font-size: 11px; margin: 10px 0 0; } .gerer_affichage_x, .gerer_page_navigation { background: none repeat scroll 0 0 transparent !important; clear: none !important; color: #8F8F8B !important; font-size: 13px !important; height: auto !important; padding: 0 !important; float: none !important; } .gerer_affichage_x:hover, .gerer_page_navigation:hover { font-weight: bold; } .pages, .affichage_par { border-right: 1px solid #8F8F8B; float: left; margin: 0 10px 0 0; padding: 0 10px 0 0; } .current_page { color: #D0E132; border-bottom: 1px solid #D0E132; } .parametre.setion_12.container_check_parametrer { box-sizing: border-box; width: 33.33% !important; } .gerer_image { height: 70px; } .gerer_tableau th { background-color: #8F8F8B; color: #FFFFFF; font-size: 10px; padding: 5px; } .gerer_tableau tr { height: auto; list-style: none; background-color: #f1f1ed; } .gerer_tableau tr:nth-child(odd) { background-color: #F9F9F5; } .TrSpace:hover + .rangee_ip { background-color: #f5f9c2; } .gerer_tableau tr:not(.rangee_ip):not(.TrSpace):hover { -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -ms-transition: all 0.1s ease; -o-transition: all 0.1s ease; transition: all 0.1s ease; } .gerer_tableau, .gerer_tableau tbody, .gerer_tableau tr { border-collapse: collapse; border-spacing: 0; position: relative; box-sizing: border-box; clear: left; width: 100%; } .gerer_tableau button, .TriItem li button { max-width: 250px; word-wrap: break-word; border: medium none !important; cursor: pointer !important; } .gerer_tableau.emails { float: none; font-weight: 300; margin: 0 auto 20px; width: 96%; } .gerer_tableau dl { margin: 0; width: auto; height: auto; } td.DatesArticle:hover dd { opacity: 1; } table.gerer_tableau { margin-top: 15px; } /* tr .td_3 > dl { min-height: 78px; overflow: hidden; } .TrSpace.article .td_3 > dl { max-height: 110px; } */ tr .td_3 { padding: 0px; /* overflow: hidden; */} /* tr .td_3 img { height: auto !important; width: 125px !important; } */ .TrSpace img, .TrSpace img, .TrSpace .Dates button, td.DatesArticle, .ColDate.DatesArticle dl:hover::before { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .ColDate.DatesArticle dl:hover::before { box-shadow: -66px 35px 0 59px rgba(241, 241, 237, 0.4); content: ''; position: absolute; right: 0; } .pastilleDate { display: inline-block; position: relative; } .gerer_tableau .pastilleDate span, .date_calendrier .pastilleDate span { text-align: center; background: #b8b8b6; display: block; color: #fff; padding: 0 3px; width: 30px; } .gerer_tableau .pastilleDate .Day, .date_calendrier .pastilleDate .Day { border-radius: 3px 3px 0 0; font-size: 10px; text-transform: uppercase; padding-top: 3px; } .gerer_tableau .pastilleDate .jour, .date_calendrier .pastilleDate .jour { font-size: 18px; font-weight: bold; line-height: 18px; } .gerer_tableau .pastilleDate .jour sup, .date_calendrier .pastilleDate .jour sup { line-height: 1; } .gerer_tableau .pastilleDate .mois, .date_calendrier .pastilleDate .mois { font-size: 10px; text-transform: uppercase; } .gerer_tableau .pastilleDate .annee, .date_calendrier .pastilleDate .annee { font-size: 10px; padding-bottom: 3px; } .gerer_tableau .HeureTr, .date_calendrier .HeureTr { background: #d9d9d6; border-radius: 0 0 3px 3px; padding: 1px 3px 3px; font-size: 10px; text-align: center; } .date_calendrier:not(.ol_5) .pastilleDate { margin: 0 10px; transform: scale(1.3,1.3) translateY(-40px); box-shadow: 0px 60px 0 0 #8f8f8b inset; } .ol_5 button.Au { position: absolute; left: 15px; top: 20px; } button.Du, button.Au { position: relative; left: 0; top: 0; background: rgba(0, 0, 0, 0); } button.Du { z-index: 2; } .DatesArticle button.Au { left: -44px; } .td_Date button.Au, .DatesArticle .Dates:hover button.Du { left: -42px; } button.Au { z-index: 1; padding-left: 0; } .td_Date .Dates:hover button.Au { left: 0px; } .DatesArticle .Du::before, .td_Date .Du::before { padding-left: 6px; } .gerer_tableau .Dates:hover .pastilleDate span, .date_calendrier .pastilleDate span { background: #8f8f8b; } .Dates:hover button.Du::before, .Dates:hover button.Au::before, .date_calendrier .pastilleDate::before, .ol_5 button::before { position: absolute; content: attr(data-date); left: 0; top: -10px; width: 36px; color: #b8b8b6; text-transform: uppercase; text-align: center; font-size: 8px; height: 12px; line-height: 12px; font-weight: bold; } td.td_Date { max-width: 60px; } td.DatesArticle { max-width: 40px; box-sizing: border-box; } .td_Date .ColDate, .DatesArticle .Dates { white-space: nowrap; float: none; } button.no_gerer_ID_page.item-thumbs { top: 20px; position: absolute; min-width: 100%; height: calc(100% - 30px) !important; border-radius: 0 !important; } ol.td_3.Images button.no_gerer_ID_page.item-thumbs { top: 0; left: 0; } span.Copie { background: #8f8f8b; color: #fff; font-size: 11px; padding: 1px 3px 3px; border-radius: 3px; vertical-align: middle; } tr .td_3.Images { padding: 0px; /* overflow: hidden; */ min-width: 250px; position: relative; } .TooltipImg { transform: scale(0,0); -webkit-transition: width 0.3s, height 0.3s, transform 0.3s ease 0.2s !important; -moz-transition: width 0.3s, height 0.3s, transform 0.3s ease 0.2s !important; -ms-transition: width 0.3s, height 0.3s, transform 0.3s ease 0.2s !important; -o-transition: width 0.3s, height 0.3s, transform 0.3s ease 0.2s !important; transition: width 0.3s, height 0.3s, transform 0.3s ease 0.2s !important; -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; box-shadow: none; } .TrSpace.Photos .TooltipImg { -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; } .TrArticleImg:hover + .TooltipImg, .TrSpace.Photos:hover .ol_5 .TooltipImg { width: 350px; height: 350px; position: absolute; left: -370px; z-index: 100; top: calc(50% - 175px); background: no-repeat scroll center center rgba(0,0,0,0.7) / contain; box-shadow: 0 0 0 10px rgba(0,0,0,0.7), 0 0 40px 20px rgba(0,0,0,0.3); transform: scale(1,1); } .TrSpace.Photos:hover .ol_5 .TooltipImg { top: -370px; left: calc(50% - 175px); } .TrArticleImg:hover + .TooltipImg::after, .TrSpace.Photos:hover .ol_5 .TooltipImg::after { position: absolute; content: ''; width: 0; height: 0; border-left: 10px solid rgba(0,0,0,0.7); border-top: 10px solid transparent; border-bottom: 10px solid transparent; right: -20px; top: calc(50% - 10px); } .TrSpace.Photos:hover .ol_5 .TooltipImg::after { border-top: 10px solid rgba(0,0,0,0.7); border-left: 10px solid rgba(0, 0, 0, 0); border-right: 10px solid rgba(0, 0, 0, 0); top: calc(100% + 10px); left: calc(50% - 10px); } .item-thumbs img { opacity: 0; position: absolute; top: calc(50% - 60px); left: calc(50% - 60px); max-height: 116px; background-color: #f5f5f1; border: 2px solid #ffffff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .item-thumbs:hover > img { -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5); box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5); opacity: 1; } .item-thumbs:hover .mini_thumb11 { transform: rotate(-60deg) translate(-70%, 15px); -ms-transform: rotate(-60deg) translate(-70%, 15px); -webkit-transform: rotate(-60deg) translate(-70%, 15px); z-index: 0; transition-delay: 0.6s; } .item-thumbs:hover .mini_thumb9 { transform: rotate(-50deg) translate(-60%, 13px); -ms-transform: rotate(-50deg) translate(-60%, 13px); -webkit-transform: rotate(-50deg) translate(-60%, 13px); z-index: 1; transition-delay: 0.5s; } .item-thumbs:hover .mini_thumb7 { transform: rotate(-40deg) translate(-50%, 11px); -ms-transform: rotate(-40deg) translate(-50%, 11px); -webkit-transform: rotate(-40deg) translate(-50%, 11px); z-index: 2; transition-delay: 0.4s; } .item-thumbs:hover .mini_thumb5 { transform: rotate(-30deg) translate(-40%, 9px); -ms-transform: rotate(-30deg) translate(-40%, 9px); -webkit-transform: rotate(-30deg) translate(-40%, 9px); z-index: 3; transition-delay: 0.3s; } .item-thumbs:hover .mini_thumb3 { transform: rotate(-20deg) translate(-30%, 7px); -ms-transform: rotate(-20deg) translate(-30%, 7px); -webkit-transform: rotate(-20deg) translate(-30%, 7px); z-index: 4; transition-delay: 0.2s; } .item-thumbs:hover .mini_thumb1 { transform: rotate(-10deg) translate(-20%, 5px); -ms-transform: rotate(-10deg) translate(-20%, 5px); -webkit-transform: rotate(-10deg) translate(-20%, 5px); z-index: 5; transition-delay: 0.1s; } .item-thumbs:hover .mini_thumb0 { transform: rotate(0deg) translate(0, -5px); -ms-transform: rotate(0deg) translate(0, -5px); -webkit-transform: rotate(0deg) translate(0, -5px); z-index: 6; transition-delay: 0s; } .item-thumbs:hover .mini_thumb2 { transform: rotate(10deg) translate(20%, 5px); -ms-transform: rotate(10deg) translate(20%, 5px); -webkit-transform: rotate(10deg) translate(20%, 5px); z-index: 5; transition-delay: 0.15s; } .item-thumbs:hover .mini_thumb4 { transform: rotate(20deg) translate(30%, 10px); -ms-transform: rotate(20deg) translate(30%, 10px); -webkit-transform: rotate(20deg) translate(30%, 10px); z-index: 4; transition-delay: 0.25s; } .item-thumbs:hover .mini_thumb6 { transform: rotate(30deg) translate(40%, 15px); -ms-transform: rotate(30deg) translate(40%, 15px); -webkit-transform: rotate(30deg) translate(40%, 15px); z-index: 3; transition-delay: 0.35s; } .item-thumbs:hover .mini_thumb8 { transform: rotate(40deg) translate(50%, 20px); -ms-transform: rotate(40deg) translate(50%, 20px); -webkit-transform: rotate(40deg) translate(50%, 20px); z-index: 2; transition-delay: 0.45s; } .item-thumbs:hover .mini_thumb10 { transform: rotate(50deg) translate(60%, 25px); -ms-transform: rotate(50deg) translate(60%, 25px); -webkit-transform: rotate(50deg) translate(60%, 25px); z-index: 1; transition-delay: 0.55s; } .item-thumbs:hover .mini_thumb12 { transform: rotate(60deg) translate(70%, 30px); -ms-transform: rotate(60deg) translate(70%, 30px); -webkit-transform: rotate(60deg) translate(70%, 30px); z-index: 0; transition-delay: 0.65s; } .item-thumbs img:hover { z-index: 1000 !important; transition-delay: 0.5s !important; } .droite { clear: none !important; float: right !important; height: 20px !important; margin: 0 !important; overflow: hidden; width: 20px !important; } .TrSpace .image_reportage_tableau { height: auto !important; /* margin: 20px 0 0; */ max-width: 116px; vertical-align: middle; } .ImageRonde { width: 86px; height: 86px; border-radius: 116px; overflow: hidden; display: inline-block; text-align: center; vertical-align: middle; margin: 30px 0 20px; background: #333; } .ImageRonde .image_reportage_tableau { min-height: 86px; text-align: center; } .ol_5 { height: 150px; overflow: hidden; } .ol_5 div.Format { font-size: 10px; text-align: center; background: rgba(255,255,255,0.9); bottom: 5%; position: absolute; width: 90%; left: 5%; padding: 5px; box-sizing: border-box; opacity: 0; line-height: 9px; font-weight: normal; } .ol_5:hover div.Format { opacity: 1; } div.Format span.Vignettes { display: inline-block; width: 58%; text-align: left; vertical-align: top; font-size: 9px; line-height: 13px; } span.LastMod { font-size: 8px; font-weight: bold; text-transform: none; color: #555; } li.TrSpace ol button { border: medium none; } li.TrSpace ol img.image_reportage_tableau { min-width: 100px !important; } ul.gerer_tableau li ol.td_3 .image_reportage_tableau, .ol_5 .image_reportage_tableau, .reportage_interieur .ol_0 { min-width: 100%; max-width: 100%; width: 100%; } .reportage_interieur li { margin: 0 0 10px 10px !important; padding: 5px !important; max-width: 114px; box-sizing: border-box; } .TrSpace.multi { background: rgba(208, 225, 50, 0.1) none repeat scroll 0 0 !important; -moz-box-shadow: 0 0 7px 0 rgb(208, 225, 50) !important; -webkit-box-shadow: 0 0 7px 0 rgb(208, 225, 50) !important; box-shadow: 0 0 7px 0 rgb(208, 225, 50) !important; } .reportage_interieur .ol_1 { bottom: 26px; width: 128px !important; } .reportage_interieur .ol_0 { left: 0px; background: #fff; } .reportage_interieur .ol_z dl, .reportage_interieur .ol_z { margin: 0 !important; box-sizing: border-box; } .reportage_interieur li:hover .ol_z { right: 0px !important; } .reportage_interieur .ol_5 { height: 145px; } textarea { height: 100px; width: 730px; min-width: 730px; max-width: 730px; margin: 20px 0 !important; } .float_left { float: left; padding: 0 10px 0 5px; width: auto; } .float_right { float: right; } .c50 { width: 295px; } progress { width: 100%; float: left; } .f-image-list .BtnLoad_noir { height: 116px; } #progression { display: none; } #progression, .plupload_progress_bar { background-color: #D0E132; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; box-shadow: 3px 0 0 0 rgba(0, 0, 0, 0.2); height: 6px; border: 2px solid rgba(0, 0, 0, 0.2); left: 0; opacity: 0.8; position: relative; top: 0; width: 0%; z-index: 3003; max-width: 100%; } #bloc_bouton.progress, .plupload_progress_container, #bloc_boutonParam.progress, #bloc_Progression.progress { background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3) inset; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; display: block; height: 10px; left: 2.5%; position: fixed; top: 50%; width: 95%; z-index: 3003; } #PopUpSelectionVignette #bloc_Progression { position: absolute; } .parametre #progression { } #info_progression, #info_progressionPlup { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; color: #8f8f8b; display: block; font-size: 12px; font-weight: normal; height: auto; position: absolute; right: 0; bottom: 20px; width: auto; z-index: 3003; } .Waiting { display: block !important; } /* NEWSLETTER */ .infomail, .infogroupe { font-size: 12px; font-weight: 300; height: 50px; overflow: hidden; padding: 0 45px; text-align: center; } .infomail:active { height: auto; } .infomail:hover{ cursor: help; } .lien_de_fond { cursor: default; display: block; } .infomail > b { color: #D0E132; font-size: 25px; font-weight: 300; } .infomail_prevu { background-color: #D0E132; color: #555555; font-size: 15px; font-weight: 300; padding: 5px 45px; text-align: center; } .emails_newsletter { background-color: #FFFFFF; border-right: 1px solid #D0E132; display: inline-block; font-size: 12px; font-weight: 300; letter-spacing: 1px; margin: 0 5px 0 0; padding: 0 5px 0 0 !important; width: auto; } .emails_newsletter_exclus { color: #DB0243; text-decoration: line-through; background-color: #FFFFFF; border-right: 1px solid #D0E132; display: inline-block; font-size: 12px; font-weight: 300; letter-spacing: 1px; margin: 0 5px 0 0; padding: 0 5px 0 0 !important; width: auto; } .groupe_emails_newsletter { border-left: 1px solid #F5F5F1; border-right: 1px solid #F5F5F1; font-weight: bold; margin: 0; padding: 0 10px; display: inline-block; } .groupe_email.publier_on, .groupe_email.publier_off { border-radius:20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; cursor: pointer; display: inline-block; height: 20px; margin: 0 5px 0 0; width: 20px; } #tableau_emails .td_2 { cursor: pointer; background-color: #c5c5c1; color: #fff; font-size: 14px; text-align: center; width: 200px; } #tableau_emails .text.temp_input { margin: 0; padding: 8px 8px 9px; width: 101px; } #tableau_emails .td_2:hover { text-decoration: underline; } #tableau_emails .td_3 { font-size: 12px; display: none; } #tableau_emails .retour_select { border-radius: 3px 0 0 3px; float: left; } .container_categorie { float: left; margin: 0 15px; width: 760px; } .container_categorie h2 { padding: 0; width: 740px; } .container_categorie h3 { float: left; margin: 0 10px 0 0; } .categorie_email { border-bottom: 1px dotted; cursor: pointer; float: left; font-size: 14px; margin: 0 10px 25px 0; } .categorie_email:hover { color: #D0E132 !important; } .selecteur_groupes_email { float: none; } .emails_prevu { border-left: 1px solid #555555; color: #FFFFFF; display: inline-block; font-weight: normal; margin: 0 0 0 5px; padding: 0 0 0 5px !important; width: auto; } .outil { background-color: #ffffff; height: auto; left: -30px; margin: 0 10px 0 0; position: absolute; top: 220px; width: 40px; padding: 9px; border-radius:0 3px 3px 0; -webkit-border-radius:0 3px 3px 0; -moz-border-radius:0 3px 3px 0; border-right: 1px solid #DFDFDF; border-bottom: 1px solid #DFDFDF; z-index: 2; } .outil hr { border: 1px solid #F5F5F1; clear: both; float: left; height: 1px; margin: 0 2px 5px; width: 38px; } .hr_milieu { margin: 10px 2px 5px !important; } .outil > select { margin: 0 0 5px; width: 41px !important; } img.selectionne, tr.selectionne, td.selectionne.selectionne { -moz-box-shadow: 0px 0px 10px 0px #c5c5c1; -webkit-box-shadow: 0px 0px 10px 0px #c5c5c1; -o-box-shadow: 0px 0px 10px 0px #c5c5c1; box-shadow: 0px 0px 10px 0px #c5c5c1; z-index: 1; position: relative; background-color: rgba(255,255,255,0.8); } #opacite, #ombre_portee { clear: both; float: left; height: 40px; margin: 0 auto; position: relative; width: 40px; display: none; } .ombre_portee { background-color: #F5F5F1; box-shadow: 1px 1px 3px #9F9F9B; cursor: pointer; height: 10px; margin: 5px auto 0; width: 10px; position: relative; } .ombre_portee:hover { box-shadow: 1px 1px 3px #D0E132; } .ombre_portee .checkee { color: #555555; display: none; font-size: 12px; padding: 0 0 0 2px; top: -4px; } .ombree{ box-shadow:5px 5px 20px #000000; } #slider { background-color: #F5F5F1; height: 4px; left: 0; margin: 10px 0 0; position: absolute; width: 40px; } .volume { content:""; display: inline-block; width: 25px; height: 25px; right: -5px; position: absolute; margin-top: -5px; } .ui-slider-handle { background-color: #555555; cursor: pointer; height: 10px; margin-left: -2px; position: absolute; top: -3px; width: 3px; z-index: 2; outline: none; } .ui-slider-handle:hover { background-color: #555555; border: 3px solid #F5F5F1; cursor: pointer; height: 10px; margin-left: -5px; position: absolute; top: -6px; width: 3px; z-index: 2; } .ui-slider-range { background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #eaeaea 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #eaeaea)); background: -webkit-linear-gradient(top, #ffffff 0%, #eaeaea 100%); background: -o-linear-gradient(top, #ffffff 0%, #eaeaea 100%); background: -ms-linear-gradient(top, #ffffff 0%, #eaeaea 100%); background: linear-gradient(top, #ffffff 0%, #eaeaea 100%); position: absolute; border: 0; top: 0; height: 100%; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; } .titre_boite_a_outil { font-size: 8px; font-weight: normal; letter-spacing: 1px; text-align: center; } .ui-resizable-handle { z-index: 2; height: 15px; position: absolute; width: 15px; } .ui-draggable.ui-resizable { box-shadow: 5px 5px 20px #000000; opacity: 0.95; } .ui-draggable, .ui-slider { cursor: move; } .ui-resizable-nw { top: 0px; left: 0px; background: url("../images/chevrons.png") no-repeat scroll 0 0 #333333; cursor: nw-resize; } .ui-resizable-ne { right: 0px; top: 0px; background: url("../images/chevrons.png") no-repeat scroll -15px 0 #333333; cursor: ne-resize; } .ui-resizable-sw { left: 0px; bottom: 0px; background: url("../images/chevrons.png") no-repeat scroll 0 -15px #333333; cursor: sw-resize; } .ui-resizable-se { right: 0px; bottom: 0px; background: url("../images/chevrons.png") no-repeat scroll -15px -15px #333333; cursor: se-resize; } .ui-resizable-handle:hover { background-color: #D0E132; background-image: url("../images/chevrons_noirs.png"); } #modif_texte, #supprime_bloc { border-radius:5px 5px 0 0 !important; -webkit-border-radius:5px 5px 0 0 !important; -moz-border-radius:5px 5px 0 0 !important; float: left; height: 20px; width: 20px; } #modif_texte:hover { background: url("../images/icons_noir.png") no-repeat scroll 3px -70px #D0E132 !important; } #modif_texte { background: url("../images/icons_blanc.png") no-repeat scroll 3px -70px #8F8F8B !important; } #supprime_bloc:hover { background: url("../images/icons_noir.png") no-repeat scroll -189px 2px #D0E132 !important; } #supprime_bloc { background: url("../images/icons_blanc.png") no-repeat scroll -189px 2px #8F8F8B !important; } [contenteditable=true]:hover { cursor:text; } .pave_texte1.design1, .pave_texte2.design1, .pave_texte3.design1 { float: left; padding: 0 20px; } .pave_texte1.design2, .pave_texte2.design2, .pave_texte3.design2 { float: right; padding: 0 20px; } .pave_texte1, .pave_texte2, .pave_texte3 { min-height: 10px; width: 310px; } .pave_texte1 h1, .pave_texte2 h1, .pave_texte3 h1 { font-size: 30px; font-weight: normal; margin: 20px 0 10px; text-align: left; } .pave_texte1 p, .pave_texte2 p, .pave_texte3 p { font-size: 14px; font-weight: normal; margin: 0; text-align: left; } .pave_texte1 a, .pave_texte2 a, .pave_texte3 a { font-size: 14px; font-weight: normal; margin: 10px 0 0; text-align: right; } .pave_image1 { width: 350px; } .pave_image1.design1 > img, .pave_image2.design1 > img, .pave_image3.design1 > img, .pave_image1.design2 > img, .pave_image2.design2 > img, .pave_image3.design2 > img { width: 350px; } .pave_texte1.design3, .pave_texte2.design3, .pave_texte3.design3 { z-index: 1; } .pave_texte1.design3, .pave_texte2.design3, .pave_texte3.design3, .pave_image1.design3, .pave_image2.design3, .pave_image3.design3 { left: 0; position: absolute; top: 0; } .pave_texte1.design3, .pave_texte2.design3, .pave_texte3.design3 { background-color:#DB0243; } .pave_image1.design3 > img, .pave_image2.design3 > img, .pave_image3.design3 > img { width: 700px !important; } #calendar { background-color: #ffffff; float: left; height: auto; padding: 0px; position: relative; width: 760px; } .popup.reservation #SelectAgenda { width: 100%; display: inline-block; margin-bottom: 15px; } .Center { text-align: center; width: 100%; box-sizing: border-box; margin: 0; padding: 0; } .popup { border: medium none; background-color: #FFFFFF; left: 50%; position: fixed; margin-left: -150px; top: 100px; width: 300px; z-index: 100000 !important; padding: 15px; -webkit-box-shadow: 1px 1px 5px 1px rgba(00, 00, 00, 0.2); box-shadow: 1px 1px 5px 1px rgba(00, 00, 00, 0.2); -moz-box-shadow:1px 1px 5px 1px rgba(00, 00, 00, 0.2); height: auto !important; } .f-modal-wrapper { border: medium none !important; -webkit-box-shadow: 1px 1px 5px 1px rgba(00, 00, 00, 0.2); box-shadow: 1px 1px 5px 1px rgba(00, 00, 00, 0.2); -moz-box-shadow:1px 1px 5px 1px rgba(00, 00, 00, 0.2); padding: 15px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; position: relative; width: 660px; } .date_calendrier:not(.ol_5) { border-bottom: 1px solid #e5e6e1; color: #8F8F8B; font-size: 14px; font-weight: bold; margin: 0 0 15px; /* padding: 0 0 10px; */ text-align: center; max-height: 35px; } .label { float: left; padding: 0 0 3px; } .petitbouton.noir { -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; height: 30px !important; left: -20px; padding: 0; position: absolute; text-align: center; top: -25px; width: 30px !important; } .petitbouton { float: left; text-align: center; width: 280px !important; } #nom_du_client, #email_du_client { width: 270px !important; } #telephone_du_client { width: 140px !important; } #quantite { width: 75px !important; } .nom_calendrier { font-weight: bold; } .quantite_calendrier { } .telephone_calendrier { font-weight: 400; } .telephone_reservation { width: 190px; } .quantite_reservation { width: 110px; } .fc-event-title span { border: medium none; display: block; margin: 0; padding: 0; text-align: center; } .CloneDevent, .poubelle { border: 1px dashed #8f8f8b !important; opacity: 0.3 !important; z-index: 100 !important; } .champ_court { margin: 0 20px 0 0 !important; } .liseuse_photo { padding: 0; text-align: center; background-color: rgba(255, 255, 255, 0); min-height: 40px; min-width: 40px; } .BigLoad { background: rgba(255, 255, 255, 0) url("../images/BigLoad.gif") no-repeat scroll center center !important; } .liseuse_photo img{ } .voir_media .liseuse_photo { font-weight: 300; line-height: 16px; } .liseuse_livre { text-align:center; padding: 10px 0; background-color: #F5F5F1; } .descr { position: absolute; color: #fff; bottom: 360px; font-size: 11px; text-align: left; text-transform: none; width: 370px; padding: 10px; background: rgba(0,0,0,0.7); left: -10px; box-sizing: border-box; min-height: 100px; box-shadow: 0 -10px 40px -10px rgba(0,0,0,0.5) inset; font-weight: normal; } .date_calendrier .descr { padding: 10px 10px 10px 60px; } .PaletteCouleur { display: block; height: 10px; margin-top: 10px; } .PaletteCouleur div { background: url(../images/reflet.png) repeat-x 0 50%; float: left; height: 10px; width: 25%; } .photo_reportage{ max-height: 350px; max-width: 350px; } .texte_court { color: #b5b5b1; margin: 0 0 10px; text-transform: none; } .texte_court p, #div_text_court { display: inline; } .texte_court h1 { font-size: 11px; font-weight: bold !important; margin: 0; } .texte_court .actif { background-color: #D0E132; border: medium none !important; color: #ffffff; display: inline-block; font-size: 12px; padding: 2px 5px; } /* CSS LOADER ------------------------------------------------------------------------*/ .load_image body:after { content:""; z-index: -1; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: -webkit-radial-gradient(center center, circle cover, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75)); background: -moz-radial-gradient(center center, circle cover, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75)); background: -ms-radial-gradient(center center, circle cover, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75)); background: -o-radial-gradient(center center, circle cover, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75)); background: radial-gradient(center center, circle cover, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75)); } .load_image { color: #A5A5A1 !important; font-size: 10px !important; text-transform: uppercase !important; font-weight: 300 !important; letter-spacing: 1px !important; text-align: center !important; margin: 10px 0 auto !important; } .load_image .bokeh { background-color: transparent !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; border-radius: 0 !important; height: 10px !important; list-style: none outside none; margin: 0 auto !important; padding: 0 !important; position: relative !important; width: 10px; top: -10px; } .load_image .bokeh li { position: absolute; width: 10px; height: 10px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } .load_image .bokeh li:nth-child(1) { left: 50%; top: 0; margin: 0 0 0 -.1em; background: #ae8fb7; -webkit-transform-origin: 50% 250%; -moz-transform-origin: 50% 250%; -ms-transform-origin: 50% 250%; -o-transform-origin: 50% 250%; transform-origin: 50% 250%; -webkit-animation: rota 1.13s linear infinite, opa 3.67s ease-in-out infinite alternate; -moz-animation: rota 1.13s linear infinite, opa 3.67s ease-in-out infinite alternate; -ms-animation: rota 1.13s linear infinite, opa 3.67s ease-in-out infinite alternate; -o-animation: rota 1.13s linear infinite, opa 3.67s ease-in-out infinite alternate; animation: rota 1.13s linear infinite, opa 3.67s ease-in-out infinite alternate; } .load_image .bokeh li:nth-child(2) { top: 50%; right: 0; margin: -.1em 0 0 0; background: #84d2c5; -webkit-transform-origin: -150% 50%; -moz-transform-origin: -150% 50%; -ms-transform-origin: -150% 50%; -o-transform-origin: -150% 50%; transform-origin: -150% 50%; -webkit-animation: rota 1.86s linear infinite, opa 4.29s ease-in-out infinite alternate; -moz-animation: rota 1.86s linear infinite, opa 4.29s ease-in-out infinite alternate; -ms-animation: rota 1.86s linear infinite, opa 4.29s ease-in-out infinite alternate; -o-animation: rota 1.86s linear infinite, opa 4.29s ease-in-out infinite alternate; animation: rota 1.86s linear infinite, opa 4.29s ease-in-out infinite alternate; } .load_image .bokeh li:nth-child(3) { left: 50%; bottom: 0; margin: 0 0 0 -.1em; background: #f17e56; -webkit-transform-origin: 50% -150%; -moz-transform-origin: 50% -150%; -ms-transform-origin: 50% -150%; -o-transform-origin: 50% -150%; transform-origin: 50% -150%; -webkit-animation: rota 1.45s linear infinite, opa 5.12s ease-in-out infinite alternate; -moz-animation: rota 1.45s linear infinite, opa 5.12s ease-in-out infinite alternate; -ms-animation: rota 1.45s linear infinite, opa 5.12s ease-in-out infinite alternate; -o-animation: rota 1.45s linear infinite, opa 5.12s ease-in-out infinite alternate; animation: rota 1.45s linear infinite, opa 5.12s ease-in-out infinite alternate; } .load_image .bokeh li:nth-child(4) { top: 50%; left: 0; margin: -.1em 0 0 0; background: #D0E132; -webkit-transform-origin: 250% 50%; -moz-transform-origin: 250% 50%; -ms-transform-origin: 250% 50%; -o-transform-origin: 250% 50%; transform-origin: 250% 50%; -webkit-animation: rota 1.72s linear infinite, opa 5.25s ease-in-out infinite alternate; -moz-animation: rota 1.72s linear infinite, opa 5.25s ease-in-out infinite alternate; -ms-animation: rota 1.72s linear infinite, opa 5.25s ease-in-out infinite alternate; -o-animation: rota 1.72s linear infinite, opa 5.25s ease-in-out infinite alternate; animation: rota 1.72s linear infinite, opa 5.25s ease-in-out infinite alternate; } @-webkit-keyframes rota { to { -webkit-transform: rotate(360deg);}} @-moz-keyframes rota { to { -moz-transform: rotate(360deg);}} @-ms-keyframes rota { to { -ms-transform: rotate(360deg);}} @-o-keyframes rota { to { -o-transform: rotate(360deg);}} @keyframes rota { to { transform: rotate(360deg);}} @-webkit-keyframes opa {12.0% { opacity: 0.80;}19.5% { opacity: 0.88;}37.2% { opacity: 0.64;}40.5% { opacity: 0.52;}52.7% { opacity: 0.69;}60.2% { opacity: 0.60;}66.6% { opacity: 0.52;}70.0% { opacity: 0.63;}79.9% { opacity: 0.60;}84.2% { opacity: 0.75;}91.0% { opacity: 0.87;} } @-moz-keyframes opa { 12.0% { opacity: 0.80;}19.5% { opacity: 0.88;}37.2% { opacity: 0.64;}40.5% { opacity: 0.52;}52.7% { opacity: 0.69;}60.2% { opacity: 0.60;}66.6% { opacity: 0.52;}70.0% { opacity: 0.63;}79.9% { opacity: 0.60;}84.2% { opacity: 0.75;}91.0% { opacity: 0.87;} } @-ms-keyframes opa { 12.0% { opacity: 0.80;}19.5% { opacity: 0.88;}37.2% { opacity: 0.64;}40.5% { opacity: 0.52;}52.7% { opacity: 0.69;}60.2% { opacity: 0.60;}66.6% { opacity: 0.52;}70.0% { opacity: 0.63;}79.9% { opacity: 0.60;}84.2% { opacity: 0.75;}91.0% { opacity: 0.87;} } @-o-keyframes opa { 12.0% { opacity: 0.80;}19.5% { opacity: 0.88;}37.2% { opacity: 0.64;}40.5% { opacity: 0.52;}52.7% { opacity: 0.69;}60.2% { opacity: 0.60;}66.6% { opacity: 0.52;}70.0% { opacity: 0.63;}79.9% { opacity: 0.60;}84.2% { opacity: 0.75;}91.0% { opacity: 0.87;} } @keyframes opa { 12.0% { opacity: 0.80;}19.5% { opacity: 0.88;}37.2% { opacity: 0.64;}40.5% { opacity: 0.52;}52.7% { opacity: 0.69;}60.2% { opacity: 0.60;}66.6% { opacity: 0.52;}70.0% { opacity: 0.63;}79.9% { opacity: 0.60;}84.2% { opacity: 0.75;}91.0% { opacity: 0.87;} } ul.end_load_image { width:40px !important; } .load_image .bokeh li.end_load_image { -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -o-transition:all 1s ease; transition:all 1s ease; -ms-transition: all 1s ease; -webkit-animation:none !important; -moz-animation:none !important; -ms-animation:none !important; animation:none !important; float: left !important; transform: rotate(90deg) !important; transform-origin:0 0 !important; -ms-transform: rotate(90deg) !important; -ms-transform-origin:0 0 !important; -webkit-transform: rotate(90deg) !important; -webkit-transform-origin:0 0 !important; position: static !important; margin : 0 !important; opacity:0; } #CacheLoad { background: rgba(255, 255, 255, 0.8) url("../images/load_click_3.gif") no-repeat scroll center center !important; display: block; height: 50px; position: absolute; width: 790px; z-index: 7; } .btn_lien_editeur { background-color: #f5f5f1; border: 1px solid; cursor: pointer; height: 20px; overflow: hidden; width: 20px; } #choix_upload, #choix_browse { background-color: #f5f5f1; color: #8f8f8b; display: inline-block; margin: 0 10px 0 0; padding: 10px; border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0; cursor: pointer; border-bottom: 1px solid #e5e5e1; } #choix_upload.active, #choix_browse.active { background-color: #8f8f8b; color: #f5f5f1; } #depot_telecharger { background-color: #f5f5f1; padding: 15px 0 0 0; display: none; } #depot_telecharger .plupload_progress { width: 170px !important; padding: 17px 9px 18px 0 !important; } #fichier_a_telecharger #medias .chemin { margin: 0 0 0 33px; } #fichier_a_telecharger #medias .media_ { background-color: #8f8f8b; height: 25px; left: 4px; top: 4px; width: 25px; float: right; position: sticky !important; } .media_jpg.jpeg.selectionnable { width: 70px; height: 70px; text-align: center; list-style: none; float: left; cursor: pointer; border: 5px solid #f5f5f1; margin: 0 7px 7px 0 !important; background-color: #e5e5e1; } .media_jpg.jpeg.selectionnable:hover, .media_jpg.jpeg.selectionnable.fichier_choisi { border-color: #D0E132 !important; } #SelectionVignette .media_jpg.jpeg.selectionnable:hover { background-color: #D0E132 !important; } .Pair { background-color: rgba(0, 0, 0, 0.4) !important; } .selectionnable.actif, .media.actif { background-color: #D0E132 !important; border: medium none !important; color: #fff; } .selectionnable.actif:hover, .media.actif:hover{ background-color: #D0E132; color: #8f8f8b; } #fichier_a_telecharger #medias .media_ .nom_des_medias { color: #959591; line-height: 20px; padding: 0; } .thumb_selection { width: 55px; } .info_selection { font-size: 12px; text-align: center; } #zone_de_publication .nom_repertoire { margin-left: 40px !important; } .popup .nom_repertoire { margin: 20px 40px 10px !important; text-align: center !important; } #choix_telechargement, #ZoneReportage, #depot, #ZoneUpFichierLie, #ZoneGalerie { background: url("../images/fusee.png") no-repeat scroll center 50px rgba(245, 245, 241, 0.5); border: 2px dashed #f5f5f1; box-sizing: border-box; font-size: 12px; list-style: outside none none; margin: 30px 0 20px; min-height: 130px; position: relative; } #choix_telechargement { height: 130px; } #ZoneUpFichierLie { margin: 30px 0 0px; } [data-uploader]::before { content: attr(data-uploader); font-size: 10px; font-weight: bold; position: absolute; right: 0; text-transform: uppercase; top: -20px; } .plupload_upload_status { text-align: right; font-size: 10px; color: #8f8f8b; } .petiteZone { background-color: rgba(0, 0, 0, 0) !important; border: medium none !important; color: rgba(0, 0, 0, 0); left: 0; margin: 0 auto !important; position: absolute !important; top: -80px; width: 100%; } .popup .petiteZone { bottom: 0; top: 0; } .f-html{ color: #555555 !important; } .f-delete-img > span { display: inline-block; height: 11px; overflow: hidden; text-indent: -999px !important; width: 11px; } #depot { background: url("../images/fusee.png") no-repeat scroll center 50px rgba(255, 255, 255, 1); } .media_jpg.selectionnable.fichier_choisi { background-color: #D0E132 !important; } #PopUpFichierLie { background-color: #fff; height: auto; margin-left: -250px; padding: 15px; width: 500px; z-index: 100; } #PopUpFichierLie img { text-align: center; height: 100%; margin: 0; max-width: 205px; padding: 0; } #PopUpFichierLie .DemiCol.HideInput, #PopUpFichierLie h2 { margin: 0; padding: 0; } #PopUpFichierLie #publier_type { margin-left: 0; } .SaveInProgress #PopUpFichierLie { float: left; height: 790px; margin: 100px calc(50% - 415px); overflow: hidden; width: 790px; } .SaveInProgress #PopUpFichierLie .separateur::before, .SaveInProgress #PopUpFichierLie tr.espaceur::after, .SaveInProgress #PopUpFichierLie #formulaire_parametrer h2::before { background: rgba(229, 229, 225, 0) none repeat scroll 0 0; box-shadow: 0 0 0 0 rgba(0,0,0,0) inset; content: ""; display: block; height: 12px; margin: -41px 0 15px -30px; position: relative; width: 809px; } .SaveInProgress #PopUpFichierLie h2.article, h2.produit, h2.reportage, h2.restauration { border-top: medium none; } .SaveInProgress #PopUpFichierLie .close { left: calc(100% - 360px); top: 80px; } #PopUpAgenda .close, #PopUpAgendaDesignMultiple .close { left: calc(100% - 15px); top: -20px; } .TriMedias #PopUpAgenda { min-width: 590px; } .TriMedias .TriArticle { width: 560px; } .PopUpTriArticle h4, .PopUpAgendaDesignMultiple h4 { border-bottom: 1px solid; box-sizing: border-box; float: left; margin: 0 0 10px; padding: 0 0 10px 5px; text-transform: uppercase; width: 100%; } .SaveInProgress #PopUpFichierLie .ColUne, .SaveInProgress #PopUpFichierLie .ColDeux, .SaveInProgress #PopUpFichierLie .ColTrois { box-sizing: border-box; float: left; width: 50%; height: 690px; } .SaveInProgress #PopUpFichierLie .ColTrois { display: none; } .SaveInProgress #PopUpFichierLie .ColUne { padding: 0 30px 0 0; } .SaveInProgress #PopUpFichierLie h2 { font-size: 17px; padding: 0; } .SaveInProgress #PopUpFichierLie #publier_titre { box-sizing: border-box; width: 100%; } .SaveInProgress #PopUpFichierLie .radio-inline { margin: 0 5px 0 0; } .SaveInProgress #PopUpFichierLie .container_image { width: 100%; } #PopUpAgenda.agenda .label { padding: 1em 0 0.5em; width: 100%; } #PopUpAgenda.agenda select, #PopUpAgenda.agenda input { float: none; margin: 0; } #selecteur_categorie_Event { float: none; display: block; margin: auto !important; padding: 0; } .TypeEventForm select, .TypeEventForm .label, .TypeEventForm dt, .TypeEventForm dd { float: none; display: inline-block; vertical-align: middle; margin: 0 5px 0 0; padding: 0; } .TypeEventForm select#GererLesArticles { max-width: 217px; } #PopUpAgenda.agenda #enregistrer { margin: 14px 0 0; } #PopUpFichierLie h1{ font-family:"helvetica neue",​sans-serif; font-size:15px; font-weight: 300; color:#8f8f8b; text-transform:uppercase; text-align:left; } #nom_lien_fichier, #nom_fichier { width: 86% !important; margin: 0; } #PopUpFichierLie #medias { max-height: 200px; overflow-x: hidden; overflow-y: auto !important; padding: 0; width: 501px; margin: 0; } #PopUpFichierLie .medias:not(.chemin):not(.media_dossier) > li { width: 450px; } #PopUpFichierLie .nom_des_medias { height: 35px; overflow: hidden; width: 400px; } #PopUpFichierLie .type_media { font-size: 12px; right: 23px; } .DemiCol { float: left; width: 48%; } .DemiCol:nth-last-of-type(1) { margin-left: 4%; } .LigneBouton { background: #EBEBE7 none repeat scroll 0 0; margin-top: 10px !important; padding: 0 !important; } .DemiCol > input[type="radio"] { display: inline-block; margin: 8px 5px 0 0; width: auto; } .DemiCol label { background-color: #f5f5f1; cursor: pointer; display: inline-block; font-size: 14px; margin: 0 20px 0 0; padding: 8px 15px; } .f-bi, .fr-p-bttn.f-browse-links { display: none !important; } .f-choose-link-class, .froala-link-popup ul { display: block !important; background: #EBEBE7 none repeat scroll 0 0 !important; border: medium none !important; float: left; position: unset !important; width: 100%; color: #8f8f8b !important; } .f-choose-link-class { border: medium none; box-sizing: border-box !important; float: left; text-align: center; width: 50%; } .f-choose-link-class:hover, .f-choose-link-class.actif { color: #fff !important; background: #75706b none repeat scroll 0 0 !important; } #nom_fichier { width: 470px; margin: 0 0 15px; } #formulaire_tableau { background: none repeat scroll 0 0 #e5e5e1; display: none; height: 51px; padding: 10px; position: absolute; } #tableau_Form > ul { display: inline-block; padding: 0; width: 740px; } #tableau_Champs > li { float: left; list-style: none outside none; margin: 0 10px 0 0; width: auto; } #tableau_Champs > li:last-child { margin: 0 0 0 5px; width: 55px; float: right; } #formulaire_tableau input { clear: both; margin: 2px 0 0; padding: 2px 5px; width: 50px; } #formulaire_tableau label { font-size: 10px; text-align: center; } #tableau_InputsLeft > label:nth-child(2n+1) { margin: 0 10px; } #tableau_Champs select { clear: both; font-size: 12px; } .table th { background-color: rgba(0, 0, 0, 0.1); } .table, .table td, .table th{ border-collapse:collapse; border: 1px solid rgba(0,0,0,0.1); float: none; } .InfoTable { background: rgba(245, 245, 241, 0.9) none repeat scroll 0 0; border: 1px solid #c5c5c1; box-shadow: 0 5px 5px 0 rgba(143, 143, 139, 0.3); box-sizing: border-box; color: #8f8f8b; font-size: 14px; padding: 5px; position: absolute; z-index: 20; } .InfoTable::after { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #a5a5a1; bottom: -10px; content: ""; height: 0; left: calc(50% - 10px); position: absolute; width: 0; } .InfoTable label { display: inline; float: none; vertical-align: middle; } .InfoTable #LigneClass { display: inline; float: none; padding: 0; vertical-align: middle; } .InfoTable .EnsembleClass { float: right; } .InfoTable .VideClass { box-sizing: border-box; height: 25px; line-height: 20px; vertical-align: top; } .ClassTable { color: #8f8f8b; } .InfoTable .EnsembleClass input { background: #fff none repeat scroll 0 0 !important; border: medium none; box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.15) inset; font-size: 14px; min-height: 26px; padding: 2px 5px !important; } .InfoTable .ContainerClassRemover { overflow: auto; width: calc(100% - 230px); display: inline-block; vertical-align: middle; } .InfoTable .ClassRemover { background: #fff none repeat scroll 0 0; box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.15) inset; margin-bottom: 0; } .InfoTable .VideClass { margin-bottom: 0px; } .InfoTable .AddClassTable { background: #8f8f8b none repeat scroll 0 0; cursor: pointer; display: inline-block; font-size: 12px; padding: 5px; vertical-align: top; color: #fff; border-radius: 0 3px 3px 0 !important; -webkit-border-radius: 0 3px 3px 0 !important; -moz-border-radius: 0 3px 3px 0 !important; } .InfoTable .AddClassTable:hover { background: #555555 none repeat scroll 0 0; } /* =============================================================== LE PIXELOVORE | CALENDRIER =============================================================== */ .fc-icon,body .fc{font-size:1em}.fc-button-group,.fc-icon{display:inline-block}.fc-bg,.fc-row .fc-bgevent-skeleton,.fc-row .fc-highlight-skeleton{bottom:0}.fc-icon,.fc-unselectable{-khtml-user-select:none;-webkit-touch-callout:none}.fc{direction:ltr;text-align:left}.fc-rtl{text-align:right}.fc th,.fc-basic-view td.fc-week-number,.fc-icon,.fc-toolbar{text-align:center}.fc-unthemed .fc-content,.fc-unthemed .fc-divider,.fc-unthemed .fc-list-heading td,.fc-unthemed .fc-list-view,.fc-unthemed .fc-popover,.fc-unthemed .fc-row,.fc-unthemed tbody,.fc-unthemed td,.fc-unthemed th,.fc-unthemed thead{border-color:#ddd}.fc-unthemed .fc-popover{background-color:#fff}.fc-unthemed .fc-divider,.fc-unthemed .fc-list-heading td,.fc-unthemed .fc-popover .fc-header{background:#eee}.fc-unthemed .fc-popover .fc-header .fc-close{color:#666}.fc-unthemed .fc-today{background:#fcf8e3}.fc-highlight{background:#bce8f1;opacity:.3}.fc-bgevent{background:#8fdf82;opacity:.3}.fc-nonbusiness{background:#d7d7d7}.fc-icon{height:1em;line-height:1em;overflow:hidden;font-family:"Courier New",Courier,monospace;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fc-icon:after{position:relative}.fc-icon-left-single-arrow:after{content:"\02039";font-weight:700;font-size:200%;top:-7%}.fc-icon-right-single-arrow:after{content:"\0203A";font-weight:700;font-size:200%;top:-7%}.fc-icon-left-double-arrow:after{content:"\000AB";font-size:160%;top:-7%}.fc-icon-right-double-arrow:after{content:"\000BB";font-size:160%;top:-7%}.fc-icon-left-triangle:after{content:"\25C4";font-size:125%;top:3%}.fc-icon-right-triangle:after{content:"\25BA";font-size:125%;top:3%}.fc-icon-down-triangle:after{content:"\25BC";font-size:125%;top:2%}.fc-icon-x:after{content:"\000D7";font-size:200%;top:6%}.fc button{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;height:2.1em;padding:0 .6em;font-size:1em;white-space:nowrap;cursor:pointer}.fc button::-moz-focus-inner{margin:0;padding:0}.fc-state-default{border:1px solid;background-color:#f5f5f5;background-image:-moz-linear-gradient(top,#fff,#e6e6e6);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));background-image:-webkit-linear-gradient(top,#fff,#e6e6e6);background-image:-o-linear-gradient(top,#fff,#e6e6e6);background-image:linear-gradient(to bottom,#fff,#e6e6e6);background-repeat:repeat-x;border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);color:#333;}.fc-state-default.fc-corner-left{border-top-left-radius:4px;border-bottom-left-radius:4px}.fc-state-default.fc-corner-right{border-top-right-radius:4px;border-bottom-right-radius:4px}.fc button .fc-icon{position:relative;top:-.05em;margin:0 .2em;vertical-align:middle}.fc-state-active,.fc-state-disabled,.fc-state-down,.fc-state-hover{color:#333;background-color:#e6e6e6}.fc-state-hover{color:#333;text-decoration:none;background-position:0 -15px;-webkit-transition:background-position .1s linear;-moz-transition:background-position .1s linear;-o-transition:background-position .1s linear;transition:background-position .1s linear}.fc-state-active,.fc-state-down{background: rgba(0,0,0,0.7) !important;box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05)}.fc-state-disabled{cursor:default;background-image:none;opacity:.65;box-shadow:none}.fc-event.fc-draggable,.fc-event[href],.fc-popover .fc-header .fc-close,a[data-goto]{cursor:pointer}.fc .fc-button-group>*{float:left;margin:0 0 0 -1px}.fc .fc-button-group>:first-child{margin-left:0}.fc-popover{position:absolute;box-shadow:0 2px 6px rgba(0,0,0,.15)}.fc-popover .fc-header{padding:2px 4px}.fc-popover .fc-header .fc-title{margin:0 2px}.fc-ltr .fc-popover .fc-header .fc-title,.fc-rtl .fc-popover .fc-header .fc-close{float:left}.fc-ltr .fc-popover .fc-header .fc-close,.fc-rtl .fc-popover .fc-header .fc-title{float:right}.fc-unthemed .fc-popover{border-width:1px;border-style:solid}.fc-unthemed .fc-popover .fc-header .fc-close{font-size:.9em;margin-top:2px}.fc-popover>.ui-widget-header+.ui-widget-content{border-top:0}.fc-divider{border-style:solid;border-width:1px}hr.fc-divider{height:0;margin:0;padding:0 0 2px;border-width:1px 0}.fc-bg table,.fc-row .fc-bgevent-skeleton table,.fc-row .fc-highlight-skeleton table{height:100%}.fc-clear{clear:both}.fc-bg,.fc-bgevent-skeleton,.fc-helper-skeleton,.fc-highlight-skeleton{position:absolute;top:0;left:0;right:0}.fc table{width:100%;box-sizing:border-box;table-layout:fixed;border-collapse:collapse;border-spacing:0;font-size:1em}.fc td,.fc th{border-style:solid;border-width:1px;padding:0;vertical-align:top}.fc td.fc-today{border-style:double}a[data-goto]:hover{text-decoration:underline}.fc .fc-row{border-style:solid;border-width:0}.fc-row table{border-left:0 hidden transparent;border-right:0 hidden transparent;border-bottom:0 hidden transparent}.fc-row:first-child table{border-top:0 hidden transparent}.fc-row{position:relative}.fc-row .fc-bg{z-index:1}.fc-row .fc-bgevent-skeleton td,.fc-row .fc-highlight-skeleton td{border-color:transparent}.fc-row .fc-bgevent-skeleton{z-index:2}.fc-row .fc-highlight-skeleton{z-index:3}.fc-row .fc-content-skeleton{position:relative;z-index:4;padding-bottom:2px}.fc-row .fc-helper-skeleton{z-index:5}.fc-row .fc-content-skeleton td,.fc-row .fc-helper-skeleton td{background:0 0;border-color:transparent;border-bottom:0}.fc-row .fc-content-skeleton tbody td,.fc-row .fc-helper-skeleton tbody td{border-top:0}.fc-scroller{-webkit-overflow-scrolling:touch}.fc-row.fc-rigid,.fc-time-grid-event{overflow:hidden}.fc-scroller>.fc-day-grid,.fc-scroller>.fc-time-grid{position:relative;width:100%}.fc-event{position:relative;display:block;font-size:.85em;line-height:1.3;border-radius:3px;border:1px solid #3a87ad;font-weight:400}.fc-event,.fc-event-dot{background-color:#3a87ad}.fc-event,.fc-event:hover,.ui-widget .fc-event{color:#fff;text-decoration:none}.fc-not-allowed,.fc-not-allowed .fc-event{cursor:not-allowed}.fc-event .fc-bg{z-index:1;background:#fff;opacity:.25}.fc-event .fc-content{position:relative;z-index:2}.fc-event .fc-resizer{position:absolute;z-index:4;display:none}.fc-event.fc-allow-mouse-resize .fc-resizer,.fc-event.fc-selected .fc-resizer{display:block}.fc-event.fc-selected .fc-resizer:before{content:"";position:absolute;z-index:9999;top:50%;left:50%;width:40px;height:40px;margin-left:-20px;margin-top:-20px}.fc-event.fc-selected{z-index:9999!important;box-shadow:0 2px 5px rgba(0,0,0,.2)}.fc-event.fc-selected.fc-dragging{box-shadow:0 2px 7px rgba(0,0,0,.3)}.fc-h-event.fc-selected:before{content:"";position:absolute;z-index:3;top:-10px;bottom:-10px;left:0;right:0}.fc-ltr .fc-h-event.fc-not-start,.fc-rtl .fc-h-event.fc-not-end{margin-left:0;border-left-width:0;padding-left:1px;border-top-left-radius:0;border-bottom-left-radius:0}.fc-ltr .fc-h-event.fc-not-end,.fc-rtl .fc-h-event.fc-not-start{margin-right:0;border-right-width:0;padding-right:1px;border-top-right-radius:0;border-bottom-right-radius:0}.fc-ltr .fc-h-event .fc-start-resizer,.fc-rtl .fc-h-event .fc-end-resizer{cursor:w-resize;left:-1px}.fc-ltr .fc-h-event .fc-end-resizer,.fc-rtl .fc-h-event .fc-start-resizer{cursor:e-resize;right:-1px}.fc-h-event.fc-allow-mouse-resize .fc-resizer{width:7px;top:-1px;bottom:-1px}.fc-h-event.fc-selected .fc-resizer{border-radius:4px;border-width:1px;width:6px;height:6px;border-style:solid;border-color:inherit;background:#fff;top:50%;margin-top:-4px}.fc-ltr .fc-h-event.fc-selected .fc-start-resizer,.fc-rtl .fc-h-event.fc-selected .fc-end-resizer{margin-left:-4px}.fc-ltr .fc-h-event.fc-selected .fc-end-resizer,.fc-rtl .fc-h-event.fc-selected .fc-start-resizer{margin-right:-4px}.fc-day-grid-event{margin:1px 2px 0;padding:0 1px}tr:first-child>td>.fc-day-grid-event{margin-top:2px}.fc-day-grid-event.fc-selected:after{content:"";position:absolute;z-index:1;top:-1px;right:-1px;bottom:-1px;left:-1px;background:#000;opacity:.25}.fc-day-grid-event .fc-content{white-space:nowrap;overflow:hidden}.fc-day-grid-event .fc-time{font-weight:700}.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer{margin-left:-2px}.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer{margin-right:-2px}a.fc-more{margin:1px 3px;font-size:.85em;cursor:pointer;text-decoration:none}a.fc-more:hover{text-decoration:underline}.fc-limited{display:none}.fc-day-grid .fc-row{z-index:1}.fc-more-popover{z-index:2;width:220px}.fc-more-popover .fc-event-container{padding:10px}.fc-now-indicator{position:absolute;border:0 solid red}.fc-unselectable{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.fc-toolbar{margin-bottom:1em}.fc-toolbar .fc-left{float:left}.fc-toolbar .fc-right{float:right}.fc-toolbar .fc-center{display:inline-block}.fc .fc-toolbar>*>*{float:left;margin-left:.75em}.fc .fc-toolbar>*>:first-child{margin-left:0}.fc-toolbar h2{margin:0}.fc-toolbar button{position:relative}.fc-toolbar .fc-state-hover,.fc-toolbar .ui-state-hover{z-index:2}.fc-toolbar .fc-state-down{z-index:3}.fc-toolbar .fc-state-active,.fc-toolbar .ui-state-active{z-index:4}.fc-toolbar button:focus{z-index:5}.fc-view-container *,.fc-view-container :after,.fc-view-container :before{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.fc-view,.fc-view>table{position:relative;z-index:1}.fc-basicDay-view .fc-content-skeleton,.fc-basicWeek-view .fc-content-skeleton{padding-bottom:1em}.fc-basic-view .fc-body .fc-row{min-height:4em}.fc-row.fc-rigid .fc-content-skeleton{position:absolute;top:0;left:0;right:0}.fc-day-top.fc-other-month{opacity:.3}.fc-basic-view .fc-day-number,.fc-basic-view .fc-week-number{padding:2px}.fc-basic-view th.fc-day-number,.fc-basic-view th.fc-week-number{padding:0 2px}.fc-ltr .fc-basic-view .fc-day-top .fc-day-number{float:right}.fc-rtl .fc-basic-view .fc-day-top .fc-day-number{float:left}.fc-ltr .fc-basic-view .fc-day-top .fc-week-number{float:left;border-radius:0 0 3px}.fc-rtl .fc-basic-view .fc-day-top .fc-week-number{float:right;border-radius:0 0 0 3px}.fc-basic-view .fc-day-top .fc-week-number{min-width:1.5em;text-align:center;background-color:#f2f2f2;color:grey}.fc-basic-view td.fc-week-number>*{display:inline-block;min-width:1.25em}.fc-agenda-view .fc-day-grid{position:relative;z-index:2}.fc-agenda-view .fc-day-grid .fc-row{min-height:3em}.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton{padding-bottom:1em}.fc .fc-axis{vertical-align:middle;padding:0 4px;white-space:nowrap}.fc-ltr .fc-axis{text-align:right}.fc-rtl .fc-axis{text-align:left}.ui-widget td.fc-axis{font-weight:400}.fc-time-grid,.fc-time-grid-container{position:relative;z-index:1}.fc-time-grid{min-height:100%}.fc-time-grid table{border:0 hidden transparent}.fc-time-grid>.fc-bg{z-index:1}.fc-time-grid .fc-slats,.fc-time-grid>hr{position:relative;z-index:2}.fc-time-grid .fc-content-col{position:relative}.fc-time-grid .fc-content-skeleton{position:absolute;z-index:3;top:0;left:0;right:0}.fc-time-grid .fc-business-container{position:relative;z-index:1}.fc-time-grid .fc-bgevent-container{position:relative;z-index:2}.fc-time-grid .fc-highlight-container{z-index:3;position:relative}.fc-time-grid .fc-event-container{position:relative;z-index:4}.fc-time-grid .fc-now-indicator-line{z-index:5}.fc-time-grid .fc-helper-container{position:relative;z-index:6}.fc-time-grid .fc-slats td{height:1.5em;border-bottom:0}.fc-time-grid .fc-slats .fc-minor td{border-top-style:dotted}.fc-time-grid .fc-slats .ui-widget-content{background:0 0}.fc-time-grid .fc-highlight{position:absolute;left:0;right:0}.fc-ltr .fc-time-grid .fc-event-container{margin:0 2.5% 0 2px}.fc-rtl .fc-time-grid .fc-event-container{margin:0 2px 0 2.5%}.fc-time-grid .fc-bgevent,.fc-time-grid .fc-event{position:absolute;z-index:1}.fc-time-grid .fc-bgevent{left:0;right:0}.fc-v-event.fc-not-start{border-top-width:0;padding-top:1px;border-top-left-radius:0;border-top-right-radius:0}.fc-v-event.fc-not-end{border-bottom-width:0;padding-bottom:1px;border-bottom-left-radius:0;border-bottom-right-radius:0}.fc-time-grid-event.fc-selected{overflow:visible}.fc-time-grid-event.fc-selected .fc-bg{display:none}.fc-time-grid-event .fc-content{overflow:hidden}.fc-time-grid-event .fc-time,.fc-time-grid-event .fc-title{padding:0 1px}.fc-time-grid-event .fc-time{font-size:.85em;white-space:nowrap}.fc-time-grid-event.fc-short .fc-content{white-space:nowrap}.fc-time-grid-event.fc-short .fc-time,.fc-time-grid-event.fc-short .fc-title{display:inline-block;vertical-align:top}.fc-time-grid-event.fc-short .fc-time span{display:none}.fc-time-grid-event.fc-short .fc-time:before{content:attr(data-start)}.fc-time-grid-event.fc-short .fc-time:after{content:"\000A0-\000A0"}.fc-time-grid-event.fc-short .fc-title{font-size:.85em;padding:0}.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer{left:0;right:0;bottom:0;height:8px;overflow:hidden;line-height:8px;font-size:11px;font-family:monospace;text-align:center;cursor:s-resize}.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after{content:"="}.fc-time-grid-event.fc-selected .fc-resizer{border-radius:5px;border-width:1px;width:8px;height:8px;border-style:solid;border-color:inherit;background:#fff;left:50%;margin-left:-5px;bottom:-5px}.fc-time-grid .fc-now-indicator-line{border-top-width:1px;left:0;right:0}.fc-time-grid .fc-now-indicator-arrow{margin-top:-5px}.fc-ltr .fc-time-grid .fc-now-indicator-arrow{left:0;border-width:5px 0 5px 6px;border-top-color:transparent;border-bottom-color:transparent}.fc-rtl .fc-time-grid .fc-now-indicator-arrow{right:0;border-width:5px 6px 5px 0;border-top-color:transparent;border-bottom-color:transparent}.fc-event-dot{display:inline-block;width:10px;height:10px;border-radius:5px}.fc-rtl .fc-list-view{direction:rtl}.fc-list-view{border-width:1px;border-style:solid}.fc .fc-list-table{table-layout:auto}.fc-list-table td{border-width:1px 0 0;padding:8px 14px}.fc-list-table tr:first-child td{border-top-width:0}.fc-list-heading{border-bottom-width:1px}.fc-list-heading td{font-weight:700}.fc-ltr .fc-list-heading-main{float:left}.fc-ltr .fc-list-heading-alt,.fc-rtl .fc-list-heading-main{float:right}.fc-rtl .fc-list-heading-alt{float:left}.fc-list-item.fc-has-url{cursor:pointer}.fc-list-item:hover td{background-color:#f5f5f5}.fc-list-item-marker,.fc-list-item-time{white-space:nowrap;width:1px}.fc-ltr .fc-list-item-marker{padding-right:0}.fc-rtl .fc-list-item-marker{padding-left:0}.fc-list-item-title a{text-decoration:none;color:inherit}.fc-list-item-title a[href]:hover{text-decoration:underline}.fc-list-empty-wrap2{position:absolute;top:0;left:0;right:0;bottom:0}.fc-list-empty-wrap1{width:100%;height:100%;display:table}.fc-list-empty{display:table-cell;vertical-align:middle;text-align:center}.fc-unthemed .fc-list-empty{background-color:#eee}.fc-toolbar button {     clear: none !important;     position: relative; } .fc-prev-button {     border-radius: 5px 0 0 5px !important; } .fc-next-button {     border-radius: 0 5px 5px 0 !important; } .fc-toolbar button {     background: #8f8f8b none repeat scroll 0 0 !important; } .fc-toolbar button:hover {     background: #333333 none repeat scroll 0 0 !important; } .fc-button { background: #8f8f8b none repeat scroll 0 0; border: medium none; color: #fff; } .fc-button:hover { background: #333333 none repeat scroll 0 0; } .fc-event-container .Lieu, .fc-event-container .Heure { display: inline; font-size: 10px; color: rgba(255,255,255,0.6); } .fc-event-container .Heure { color: rgba(255,255,255,0.8); } tr.fc-list-item .Heure { font-size: inherit; } .fc-end::before { content: ''; position: absolute; width: 0; height: 0; border-top: 5px solid rgba(0, 0, 0, 0); border-bottom: 5px solid rgba(0, 0, 0, 0); border-left: 5px solid rgba(255, 255, 255, 0.3); right: 5px; top: 10px; } .fc-day-grid-event::after { content: ''; height: 1px; width: calc(100% - 10px); position: absolute; background: rgba(255, 255, 255, 0.3); top: 14px; } /* =============================================================== LE PIXELOVORE | NEWSLETTER =============================================================== */ #lettre_complete { max-width: 700px; background-color:#F5F5F1; -webkit-font-smoothing: antialiased; width:100% !important; -webkit-text-size-adjust:none; margin:50px auto; font-family:'Dosis', sans-serif; border-spacing: 0; position:relative; } .bouton_lien_news { background-color: #a5a5a1; color: #FFFFFF; display: inline-block; float: right; padding: 5px !important; width: auto !important; margin: 10px 10px 0 0 !important; text-decoration: none; cursor: pointer !important; } .design_1, .design_2, .design_3 { cursor: pointer; border: 1px solid #E5E5E1; margin: 5px 0 0; } .editable h2, .editable p, .editable a { cursor: auto !important; } #lettre_complete h1 { font-size: 48px; line-height: 43px; margin: 0; } #lettre_complete h3 { border-bottom: 1px solid; border-top: 1px solid; display: inline; font-size: 16px; line-height: 23px; margin: 5px 0; } #lettre_complete img { position: relative; } .etape { color: #D5D5D1; float: left; font-size: 12px; font-weight: 300; padding: 5px; text-align: center; width: calc(25% - 11px); height:30px; } .etape.effectuee { background-color: #8F8F8B; color: #FFFFFF; width: calc(25% - 40px); border: medium none; } .passee{ background-color: #8f8f8B !important; } .etape.passee { width: calc(25% - 25px) !important; } .effectuee .detail { color: #FFFFFF; } .detail { color: #9B9B9B; font-size: 11px; font-weight: 400; text-transform: none; } .etape.iiii.effectuee { background-color: #D0E132 !important; color: #FFFFFF; width: 172px; } .detail_fleche { background-color: #F5F5F1; float: left; height: 30px; width: 1px; } .checkee { color: #D0E132; font-size: 35px; font-weight: bold; padding: 0 0 0 34px; position: absolute; top: -19px; display: none; } .iiii .checkee { color: #555555; } .passee .checkee{ display: block; } .detail_fleche.effectuee { width: 0; height: 0; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-left: 20px solid #8F8F8B; float: left; background-color: transparent; } .detail_fleche.iii.passee { background-color: #D0E132 !important; } #envoi_lettre, #envoi_lettre_2, #envoi_lettre_final, #envoi_lettre_final_1 { border-radius:0 0 5px 5px !important; -webkit-border-radius:0 0 5px 5px !important; -moz-border-radius:0 0 5px 5px !important; margin: 0 !important; border: medium none; } #article_0:hover, #article_1:hover, #article_2:hover, #article_3:hover { background: url('../images/cliquez.png') no-repeat scroll center center rgba(255, 255, 255, 1); } #article_0, #article_1, #article_2, #article_3 { background: url('../images/cliquez.png') no-repeat scroll center -28px rgba(245, 245, 241, 1); } #article_0:active, #article_1:active, #article_2:active, #article_3:active { background: url('../images/cliquez.png') no-repeat scroll center -28px rgba(245, 245, 241, 1); } #titre_article_0, #texte_article_0, #lien_article_0 { clear: both; float: left; height: auto; position: relative !important; text-align: left; width: auto; z-index: 1; margin: 10px 10px 0; } .design3 #lien_article_1, .design3 #lien_article_2, .design3 #lien_article_3, #lien_article_0 { margin: 10px !important; width: auto !important; } #titre_article_0:active, #texte_article_0:active, #lien_article_0:active { cursor: text; } #opacite_article_0, #opacite_article_1, #opacite_article_2, #opacite_article_3 { height: 100%; position: absolute; width: 100%; left:0; top:0; } .opacite_blanc{ background-color: #ffffff; } #select_article0 { margin-top: 10px; } .design_1, .design_2 { height: 16px; padding: 3px; width: 32px; } .design_3 { height: 20px; padding: 1px; width: 36px; } h2.design3, p.design3, a.design3, .design3 span:not(.ui-slider-handle) { clear: both; display: inline-block !important; line-height: normal; margin: 0 !important; padding: 15px 5px 0 15px !important; width: auto !important; position: relative; z-index: 1; } p.design3 { margin: 0 0 15px !important; padding: 0 5px 0 15px !important; } .design_image { background-color: #F5F5F1; height: 15px; width: 15px; } .design1 h2, .design2 h2 { height: auto !important; width: auto !important; } .design0 img { width: 100%; } .pave_image_1.design3, .pave_image_2.design3, .pave_image_3.design3 { height: 240px !important; margin: 0 !important; padding: 0 !important; position: absolute; width: 100% !important; } .design_1 .design_texte, .design_2 .design_texte { height: 15px; width: 14px; } .design_1 .design_texte { margin: 0 3px 0 0; } .design_2 .design_texte { margin: 0 0 0 3px; } .ligne_1, .ligne_2, .ligne_3 { background-color: #F5F5F1; float: left; } .design_1 .ligne_1, .design_1 .ligne_2, .design_1 .ligne_3, .design_2 .ligne_1, .design_2 .ligne_2, .design_2 .ligne_3, .design_3 .ligne_1, .design_3 .ligne_2, .design_3 .ligne_3 { clear: both; height: 2px; margin: 2px 0 0; } .design_3 .ligne_1, .design_3 .ligne_2, .design_3 .ligne_3 { float: none; } .ligne_1, .ligne_3 { width: 14px; } .ligne_2 { width: 9px; } .design_3 .design_texte { background-color: #F5F5F1; float: left; height: 14px; margin: 0; padding: 3px; width: 30px; } .img_tetiere { display: block; height: 111px; overflow: hidden; padding:0px; } .designed.design_3 .design_texte { background-color: #D0E132 !important; } .design_3 .ligne_1, .design_3 .ligne_2, .design_3 .ligne_3 { background-color: #FFFFFF; } .design_1:hover, .design_2:hover, .design_3:hover, .design_3 .design_texte:hover { background-color: #E5E5E1; } #container_Newsletter { position: relative; float: left; } #footer_td img{ width: auto; } #header_lettre { width:700px; color: #8F8F8B; padding: 10px 0; display:block; text-align:center; font-family:'Dosis', sans-serif; font-size: 14px; } .retaille_img { background-color: #FFFFFF; bottom: 0; height: 25px; opacity: 0.8; position: absolute; width: 100%; z-index: 1; } #slider_largeur { background-color: #F5F5F1; height: 4px; left: 0; margin: 10px; position: absolute; width: calc(100% - 20px); } #largeur_img { clear: both; float: left; height: 25px; margin: 0 auto; position: relative; width: 100%; } #img_tetiere { display:block; -ms-interpolation-mode:bicubic; width:700px; } #article_0 { overflow: hidden; text-align:center; height:390px; width:700px; display:block; position:relative; } #mentions { background-color: #FAFAF6; font-size: 12px; font-weight: lighter; text-align: center; } .mentions { font-size: 12px; padding: 10px; text-align: center; } #article_1, #article_2, #article_3 { display: block; height: 250px; overflow: hidden; position: relative; width: 700px; } #footer { height:auto; width:100%; overflow: hidden; position: relative; text-align:center; background-color:#f5f5f1; } #footer > td { display: block; height: auto !important; padding: 10px 0; text-align: center; width: 100%; } .mini.outil { height: 120px; } #mentions > td { padding:10px; } #cartouche_1.design1, #cadre_photo_1.design1, #cartouche_2.design1, #cadre_photo_2.design1, #cartouche_3.design1, #cadre_photo_3.design1, #cartouche_1.design2, #cadre_photo_1.design2, #cartouche_2.design2, #cadre_photo_2.design2, #cartouche_3.design2, #cadre_photo_3.design2 { display: inline-table; height: 220px; overflow: hidden; padding-bottom: 15px; padding-left: 15px; padding-top: 15px; vertical-align: top; width: 335px; } #cartouche_1.design2, #cadre_photo_1.design2, #cartouche_2.design2, #cadre_photo_2.design2, #cartouche_3.design2, #cadre_photo_3.design2 { padding-right: 0 !important; } #cadre_photo_0 { height: 390px; } #cadre_photo_1.design3, #cadre_photo_2.design3, #cadre_photo_3.design3 { display: block; height: 250px; position: relative; width: 100%; } .design3#cartouche_1, .design3#cartouche_2, .design3#cartouche_3 { position: absolute; top: 0; left: 0; width:auto; height:auto !important; max-height: 250px; z-index: 1; } #cartouche_0{ position: absolute; top: 0; left: 0; width:auto; height:auto !important; max-height: 364px; z-index: 2; overflow: hidden; } .pave_image_1.design1, .pave_image_2.design1, .pave_image_3.design1 { display: block; height: 220px !important; margin: 0; overflow: hidden; width: 320px; position: relative; z-index:1; } .pave_image_1.design2, .pave_image_2.design2, .pave_image_3.design2 { display: block; height: 220px !important; margin: 0; overflow: hidden; width: 335px; position: relative; z-index:1; } #article_3 > td { display: block; } #article_1.design1, #article_1.design2, #article_1.design3, #article_2.design1, #article_2.design2, #article_2.design3, #article_3.design1, #article_3.design2, #article_3.design3, #article_0.selectionne, #article_1.selectionne, #article_2.selectionne, #article_3.selectionne { background-color: #FFFFFF; background-image: none; } .design1 #titre_article_1, .design1 #texte_article_1, .design1 #titre_article_2, .design1 #texte_article_2, .design1 #titre_article_3, .design1 #texte_article_3, .design1 #texte_article_1 > p, .design1 #texte_article_2 > p, .design1 #texte_article_3 > p, .design1 #lien_article_1, .design1 #lien_article_2, .design1 #lien_article_3 { clear: both; float: left; height: auto; padding: 0; position: relative; text-align: left; width: calc(100% - 15px); z-index: 1; } .design2 #titre_article_1, .design2 #texte_article_1, .design2 #titre_article_2, .design2 #texte_article_2, .design2 #titre_article_3, .design2 #texte_article_3, .design2 #texte_article_1 > p, .design2 #texte_article_2 > p, .design2 #texte_article_3 > p, .design2 #lien_article_1, .design2 #lien_article_2, .design2 #lien_article_3 { clear: both; float: right; height: auto; position: relative; text-align: left; width: inherit; z-index: 1; } .design1 .zone_drag_img, .design2 .zone_drag_img, .design3 .zone_drag_img { width: 100%; position:absolute; left:0; top:0; } .zone_drag_img { height: auto !important; } .designed, .designed:hover { background-color: #D0E132; cursor: not-allowed; } /* REDIMENSION D'IMAGES ------------------------------------------------------------------------*/ .imgareaselect-border1, .imgareaselect-border2, .imgareaselect-border3, .imgareaselect-border4 { filter: alpha(opacity=50); opacity: 0.5; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } .imgareaselect-handle { border: 1px solid #fff; } .imgareaselect-outer { background: rgba(245, 245, 241, 0.9) none repeat scroll 0 0; } .imgareaselect-selection { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-shadow: 0 0 0 1px #fff inset, 0 0 2px 1px rgba(0, 0, 0, 0.5) inset; } .rotation, .rotationslide { background-color: rgba(0, 0, 0, 0.5); border-bottom: 3px solid rgba(0, 0, 0, 0.5); border-radius: 0 0 100% 100%; color: #ffffff; height: 25px; left: 14px; line-height: 25px; position: absolute; top: 0; width: 210px; z-index: 100; cursor: pointer; } .rotationslide { width: 100% !important; left: 0px !important; } .icon_rotation { background: url("../images/icons_blanc.png") no-repeat scroll -237px -21px rgba(0, 0, 0, 0.5); border-radius: 20px; height: 20px; left: calc(50% - 10px); position: absolute; top: 17px; width: 20px; } .RotateKnob { -webkit-border-radius: 210px; -moz-border-radius: 210px; border-radius: 210px; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.8); background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0; opacity: 0; } .RotateKnob .knob { color: #fff !important; } .RotateKnob:hover, .recadrage:hover { background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0; } .RotateKnob:hover { opacity: 0.9; } .recadrage::after { border-left: 1px dashed rgba(255, 255, 255, 0.5); border-right: 1px dashed rgba(255, 255, 255, 0.5); content: ""; height: 100%; left: 33.33%; position: absolute; width: 33.33%; } .recadrage::before { border-top: 1px dashed rgba(255, 255, 255, 0.5); border-bottom: 1px dashed rgba(255, 255, 255, 0.5); content: ""; height: 33.33%; top: 33.33%; left: 0; position: absolute; width: 100%; } /* GESTION DES MÉDIAS ------------------------------------------------------------------------*/ .medias { counter-reset: my-badass-counter; } .medias > li { border-bottom: 1px solid #F5F5F1; font-weight: 300; height: 36px; line-height: 36px; padding: 0 0 0 35px; width: 675px; position: relative; } .medias > li.Nomme::before, .medias > li.PasNomme::before { color: #d5d5d1; content: counter(my-badass-counter, decimal); counter-increment: my-badass-counter; font-size: 10px; left: -25px; position: absolute; text-align: right; width: 25px; } .ImgPasNomme { float: left; margin: 9px 7px 0 0; width: 16px; } .setion_12 .ImgPasNomme { margin: 0 7px 0 0; } #fichier_a_telecharger { background-color: #f5f5f1; display: none; height: 210px; overflow-x: hidden; width: 100%; } #fichier_a_telecharger #medias { padding: 0; } .medias > li:hover{ background-color:#f5f9c2; } .nom_des_medias { float: left; font-size: 14px; height: 36px; overflow: hidden; width: 585px; } .nom_des_medias b { display: inline-block; height: 35px; line-height: 14px; width: 60%; } .nom_des_medias i { font-size: 11px; } .popup .nom_des_medias { width: 370px !important; } .popup .type_media { right: 30px !important; } .ImgPopUp { border-right: 1px solid rgb(229, 229, 225); float: left; height: 200px; margin: 0 15px 0 0; width: 220px; text-align: center; } #medias li::after { content: attr(data-dateuploadComplete); font-size: 11px; position: absolute; right: 110px; top: 0; } .chemin { background-color: #e5e5e1 !important; border-bottom: 1px solid #c5c5c1 !important; color: #fff; display: inline-block; float: right; font-weight: normal !important; margin: 0 !important; padding: 0 0 0 20px !important; position: sticky !important; top: 0; width: 676px !important; z-index: 1; } .media{ background: url("../images/page_white.png") no-repeat scroll 10px center transparent; display: inline-block; height: 26px; width: 26px; padding: 0; cursor: pointer; } .type_media { background-image: none; line-height: normal; padding: 0; position: absolute; right: 30px; text-align: right; top: 14px; width: auto; font-size: 13px; } .chemin_media, .non_media { padding: 0 0 0 25px; width: 425px; } .odd{ background-color:#EEEEEE; } .even{ background-color:#DDDDDD; } .media.media_dossier { background: transparent url("../images/folder.png") no-repeat scroll 10px center; } .media.media_pdf{ background: url("../images/page_white_acrobat.png") no-repeat scroll 10px center transparent; } .media.media_cs{ background: url("../images/page_white_csharp.png") no-repeat scroll 10px center transparent; } .media.media_xls{ background: url("../images/page_white_excel.png") no-repeat scroll 10px center transparent; } .media.media_swf{ background: url("../images/page_white_flash.png") no-repeat scroll 10px center transparent; } .media.media_php{ background: url("../images/page_white_php.png") no-repeat scroll 10px center transparent; } .media.media_png, .media.media_jpg, .media.media_bmp, .media.media_gif{ background: url("../images/page_white_picture.png") no-repeat scroll 10px center transparent; margin: 5px 0 5px 0; } .media.media_txt, .media.media_js, .media.media_css{ background: url("../images/page_white_text.png") no-repeat scroll 10px center transparent; } .media.media_htm, .media.media_html{ background: url("../images/page_white_code.png") no-repeat scroll left center transparent; } .media.media_rar, .media.media_zip{ background: url("../images/page_white_compressed.png") no-repeat scroll left center transparent; } .popup .media.media_dossier { width: 419px !important; } .interdit { background-color: rgba(0, 0, 0, 0) !important; opacity: 0.3; cursor: text !important; } .media_ .nom_des_medias { height: 30px; line-height: 25px; text-align: center; width: 30px; } #zone_de_publication .media_.media .nom_des_medias { line-height: 34px; padding: 0 10px; } #medias{ position: relative; cursor: pointer; } .media_.media:first-child { min-width: 710px !important; position: sticky; } .media_.media { background: none repeat scroll 0 0 #f5f5f1 !important; border-bottom: 1px solid #c5c5c1; display: block; font-size: 16px; font-weight: bold; line-height: 18px; padding: 0px; text-align: left; top: 0 !important; z-index: 2; width: 54px; color: #a5a5a1; } .media_.media::before { border-bottom: 10px solid transparent; border-right: 10px solid #8f8f8b; border-top: 10px solid transparent; box-shadow: 10px 0 0 0 #f5f5f1; content: "Retour"; font-size: 12px; font-weight: normal; height: 0; left: 10px; line-height: 1px; position: absolute; text-indent: 20px; text-transform: uppercase; top: 8px; width: 0; } .media_.media:hover::before { border-right-color: #f5f5f1; box-shadow: 10px 0 0 0 #666666; color: #f5f5f1; } #fichier_a_telecharger #medias .media_ { padding: 5px 0 6px; position: sticky !important; width: 25px; } #zone_de_publication .chemin { position: initial !important; } #fichier_a_telecharger #medias .chemin { color: #959591; position: sticky !important; } .media_.media:hover { background: none repeat scroll 0 0 rgba(100, 100, 100, 1) !important; } .panneau_media { position: absolute; right: 30px; top: 0px; height: 35px; width: auto; display: none; z-index: 1; } .panneau_mediaDossier { display: inline-block; position: absolute; right: -10px; top: 2.5px; } .media:hover .panneau_media { display: block; } .media_dossier .panneau_media { right: -35px; } .voir_media, .telecharger_media, .supprimer_media, .vierge_media, .effacer_media, .media_telechargeable, .media_telechargeable.actif, .panneau_media .modif, .mediaExergue.actif, .mediaExergue { border-radius: 25px; display: inline-block; height: 20px; margin: 6px !important; text-align: center; width: 20px; } .panneau_media .modif { background: #8f8f8b url("../images/icons_blanc.png") no-repeat scroll 3px -70px; position: relative; } .panneau_media .modif:hover { background: #D0E132 url("../images/icons_blanc.png") no-repeat scroll 3px -70px; position: relative; } .media_telechargeable{ background: url("../images/icons_blanc.png") no-repeat scroll -286px 2px #8F8F8B; position: relative; right: -60px; } .media_telechargeable.actif{ background: url("../images/icons_noir.png") no-repeat scroll -286px 2px #D0E132; position: relative; border-bottom: medium none !important; } .media_telechargeable.actif:hover{ background: url("../images/icons_blanc.png") no-repeat scroll -286px 2px #D0E132; position: relative; } .mediaExergue { background: #8F8F8B url("../images/icons_blanc.png") no-repeat scroll -141px 2px; right: -55px; position: relative; } .mediaExergue.actif { background: #D0E132 url("../images/icons_noir.png") no-repeat scroll -141px 2px; border-bottom: medium none !important; position: relative; } .mediaExergue.actif:hover { background: #D0E132 url("../images/icons_blanc.png") no-repeat scroll -141px 2px; position: relative; } .voir_media { background: url("../images/icons_blanc.png") no-repeat scroll -45px 2px #8F8F8B !important; position: relative; } .telecharger_media { background: url("../images/icons_blanc.png") no-repeat scroll -308px -93px #8F8F8B !important; position: relative; } .supprimer_media { background: url("../images/icons_blanc.png") no-repeat scroll -453px 3px #8F8F8B !important; position: relative; } .panneau_mediaDossier .supprimer_media { box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.8); } .effacer_media, .effacervraiment { background: url("../images/icons_blanc.png") no-repeat scroll -444px 3px #FFA500 !important; position: relative; width: 30px !important; } .vierge_media{ position: relative; } .taille_media { font-size: 10px; line-height: 14px; position: absolute; right: 30px; text-transform: none; top: 4px; } #fichier_a_telecharger .voir_media { right: 50px !important; } .voir_media:hover, .telecharger_media:hover, .supprimer_media:hover, .media_telechargeable:hover, .mediaExergue:hover { background-color: #D0E132 !important; } .effacer_media:hover { background-color: #e27400 !important; } #GererFiltrer { position: relative; } #GererFiltrer > span { background-color: #fff; border-radius: 0 3px 3px 0; box-shadow: 0 0 0 0 #e6e5e1; height: 110px; position: absolute; right: -151px; top: -40px; width: 150px; } #FiltreVide { background: #fff none repeat scroll 0 0; padding: 30px 0; text-align: center; } .ContainerMiniSelectLi #FiltreVide { font-size: 10px; font-weight: normal; line-height: normal; padding: 0 15px; } .popup #GererFiltrer > span { right: -171px; top: 0; } #gererFiltrer { margin: 0 10px; width: 97px; } #GererFiltrer h2 { margin: 2px 10px 5px; } #closeInput { border-radius: 23px; color: #c5c5c1; cursor: pointer; font-weight: 100; height: 20px; line-height: 18px; position: absolute; right: 20px; text-align: center; top: 60px; width: 20px; } #closeInput:hover { background-color: rgba(255, 255, 255, 0.9); color: #e5e5e1; } /* =============================================================== LE PIXELOVORE | DROP ZONE =============================================================== */ .DragDropZone, .DragDropZone .plupload_scroll .plupload_filelist, .DragDropZone .plupload_filelist li.plupload_droptext { bottom: 0 !important; left: 0 !important; padding: 0 !important; position: fixed !important; right: 0 !important; top: 0 !important; min-height: 100% !important; min-width: 100% !important; -webkit-transition: background 0.3s ease; -moz-transition: background 0.3s ease; -ms-transition: background 0.3s ease; -o-transition: background 0.3s ease; transition: background 0.3s ease; } .DragDropZone .plupload_scroll .plupload_filelist { background-color: rgba(0, 0, 0, 0.5); } .DragDropZone { background: url("../images/fusee_blanche.png") no-repeat scroll center center rgba(0, 0, 0, 0.8) !important; box-sizing: border-box; margin: 0 !important; z-index: 300000 !important; color: #ffffff !important; } .DragDropZone .f-upload { height: 100%; } #depot.DragDropZone { bottom: 0; left: 0; min-width: 100%; right: 0; top: -10px; } .DragDropZone .f-upload > strong { color: #fff; font-size: 33px !important; font-weight: normal; position: relative; top: 50% !important; border: 2px solid #fff; padding: 15px; } .DragDropZone .plupload_button.plupload_add { display: none !important; } #ZoneReportage:not(.DragDropZone) .plupload_filelist, #ZoneGalerie:not(.DragDropZone) .plupload_filelist { display: inline !important; } .DragDropZone::before { content: 'Lâchez tant que c\'est chaud \!'; position: absolute; top: calc(50% - 60px); width: 100%; text-align: center; } #choix_telechargement::before, #ZoneReportage::before, #depot::before, #ZoneUpFichierLie::before, #ZoneGalerie::before { content: 'Glissez les fichiers ici \!'; position: absolute; top: calc(50% - 60px); width: 100%; } #depot::before { text-align: center; } /* =============================================================== LE PIXELOVORE | PREVIEW =============================================================== */ #header h1 { margin: 15px 0 0; text-align: center; } #header > p { font-size: 12px !important; margin: 0 !important; text-align: center; } .froala-box h1, .froala-box h2, .froala-box h3, .froala-box h4 { color: inherit; display: inherit; float: inherit; } .On:not(.F-Heure):not(.legende_image), .Off:not(.F-Heure):not(.legende_image) { float: left; position: relative; width: 100%; } .container_check_home .On, .container_check_home .Off { width: 50%; } .On .CheckDemi, .Off .CheckDemi { width: 100%; } .Off:not(.legende_image)::before { background: rgba(229, 229, 225, 0.75) none repeat scroll 0 0; content: ""; height: 100%; left: -20px; position: absolute; top: 20px; width: 110%; z-index: 1; } .Off .Off::before { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; } .On .Off::before { width: 160%; } .Special .Off::before { top: 0; } .Off .Off:not(.F-Heure), .On .Off:not(.F-Heure), .On .On:not(.F-Heure), .Off .On:not(.F-Heure) { width: 145%; } .container_check_home .Off::before { left: 0; width: 100%; } .container_check_home .Off::before { top: 0; } .Fonctions { position: absolute; right: -10px; top: 40px; z-index: 2; } .container_check_home div:nth-of-type(2n+1) .Fonctions { left: -35px; top: 16px; width: 40px; } .container_check_home div:nth-of-type(2n) .Fonctions { left: 375px; top: 16px; } .Fonctions .switch, .Fonctions .Check { width: 35px; } .Fonctions .switch-label, .Fonctions .Check-label { background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0; } .Fonctions .switch-input:checked ~ .switch-handle, .Fonctions .Check-input:checked ~ .Check-handle { left: 19px; } .Special .Fonctions { right: -35px; top: 20px; } .PopUpTriArticle, .PopUpAgendaDesignMultiple { box-sizing: border-box; left: calc(50% - 295px); margin: 0; width: 590px; } .TriArticle { background: #fff none repeat scroll 0 0 !important; max-width: 560px; max-height: 560px; overflow: auto; padding: 0 !important; } .TriArticle:not(.ui-sortable) { text-align: center; } #PopUpAgenda .BtnLoad { background-color: rgba(255, 255, 255, 0.8) !important; box-sizing: border-box; cursor: default; height: 100%; left: 0; margin: 0; position: absolute; top: 0; width: 100%; z-index: 100; } .TriArticle li { box-sizing: border-box; position: relative; cursor: move; float: none !important; display: inline-block; margin: 0 !important; height: auto !important; max-width: 33%; max-height: 65px; padding: 0 !important; box-shadow: none !important; } .TriArticle li .TableTri { box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2); box-sizing: border-box; display: table; margin: 0 0 0 4px; max-width: 90%; min-width: 90%; overflow: hidden; width: 90%; } .ItemTypeArticle h2 { border: 1px solid #f5f5f1; font-size: 14px; margin: 5px; padding: 5px; text-transform: uppercase; } .ItemArticle::after { color: rgba(0, 0, 0, 0.07); content: attr(data-position); font-size: 45px; font-weight: bold; height: 35px; left: 110px; letter-spacing: -2px; line-height: 35px; position: absolute; text-align: right; top: 12px; width: 50px; } ul.TriArticle li.ItemArticle { margin: 5px 0 !important; max-width: 33% !important; min-width: 33% !important; min-height: 65px; width: 33% !important; } .TriArticle li.highlight { background: rgba(212, 225, 85, 0.2) none repeat scroll 0 0 !important; margin: 5px !important; max-width: 176px !important; min-height: 60px; width: 33%; } .ItemArticle .TableTri:hover { background: rgba(212, 225, 85, 0.2) none repeat scroll 0 0 !important; } .popup.TypeMedias .ItemArticle h2 { font-size: 14px; height: 65px; line-height: 15px; text-transform: uppercase; word-break: normal; } .TriArticle li img { height: 50px; display: table-cell; vertical-align: middle; float: none; padding: 5px; max-width: 80px; } .TriArticle li h2 { color: #8f8f8b; display: table-cell; float: none; font-size: 10px; font-weight: normal; line-height: 12px; margin: 0; padding: 0 5px 0; text-align: left; vertical-align: middle; text-transform: uppercase; } .TriArticle li h2 b { color: #555; font-size: 9px; } .TriArticle .TriImage { max-width: 50px; overflow: hidden; text-align: center; } .TriArticle_RetourId, .BtnImprimer { float: right; font-size: 12px; width: auto; } p.MaJ { font-size: 10px; margin: 0 auto 110px; text-align: center; } .LargeurImage { background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; color: #fff; left: 0; max-width: 60px; padding: 10px; position: absolute; text-align: center; top: 50%; width: 60px; z-index: 4; } .fa.fa-arrows-h { font-size: 13px; line-height: 10px !important; } .fa-shield { cursor: help; } h2 .fa.fa-question-circle { color: #8f8f8b; font-size: 13px; vertical-align: super; } .DescReportage { background-color: #fff; box-sizing: border-box; float: left; height: auto; margin: 0 10px 10px; padding: 10px; text-align: left; width: 735px; } .DescReportage h5 { margin: 0 0 10px; } #BlocReportage { float: left; margin: 0 10px; width: 735px; } #BlocReportage #ZoneReportage { margin: 0; width: 730px; } #BlocReportage .plupload_filelist { background: transparent none repeat scroll 0 0 !important; border: 1px dashed rgba(0, 0, 0, 0.2); box-sizing: border-box; overflow: hidden; width: 730px; } #BlocReportage #images_reportages { width: 730px; } #BlocReportage li:not(.TrSpace) { background: transparent none repeat scroll 0 0 !important; border: medium none; box-shadow: 0 0 0 0 !important; height: auto !important; margin: 0 !important; min-height: 90px !important; min-width: 720px; } #BlocReportage #ZoneReportage.DragDropZone { width: 100%; z-index: 6 !important; } #BlocReportage .DragDropZone #ZoneReportage_filelist, #BlocReportage .DragDropZone .plupload_droptext { bottom: 0; box-sizing: border-box; left: 0; margin: 0 !important; min-width: 100% !important; padding: 40% 0 0 !important; text-align: center !important; top: 0; } #BlocReportage #images_reportages > li { background: #f5f5f1 url("../images/plupload_wait.gif") repeat-x scroll 0 center !important; box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1) !important; box-sizing: border-box; margin-bottom: 10px !important; max-width: 49.5%; min-height: auto !important; min-width: 49.5%; padding: 10px !important; } #ZoneGalerie > li:nth-child(2n+1) { margin-right: 2% !important } #BlocReportage #publierbouton_reportage { margin-bottom: 40px !important } .ListeReportage { max-height: 300px; } .ListeReportage, .ListeReportage ul { display: inline-block; overflow: auto; padding: 0; margin: 0; width: 100%; } .ListeReportage ul li { background-color: #f5f5f1; border: 10px solid #f5f5f1; display: inline-block; height: 70px; list-style: outside none none; overflow: hidden; text-align: center; vertical-align: top; width: 80px; } .ListeReportage > li { border-top: 1px solid #f5f5f1; cursor: pointer; font-size: 14px; font-weight: 100; margin: 5px 0 0; padding: 5px 0 0; text-transform: uppercase; opacity: 0.5; } .ListeReportage > li:hover { opacity: 1; } /* =============================================================== LE PIXELOVORE | MOUSE SCROLL =============================================================== */ .icon-scroll, .icon-scroll:before { position: absolute; left: 50%; } .icon-scroll { width: 25px; height: 40px; margin-left: -10px; top: 100%; margin-top: -20px; background: #8f8f8b; border-radius: 25px; } .icon-scroll:before { content: ''; width: 4px; height: 8px; background: #fff; margin-left: -2px; top: 8px; border-radius: 4px; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: scroll; animation-name: scroll; } @-webkit-keyframes scroll { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateY(23px); transform: translateY(23px); } } @keyframes scroll { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateY(23px); transform: translateY(23px); } } .ResAg { font-weight: normal; text-transform: none; margin: 0 0 0 5px !important; }