/* ========================================================================================= ========================================================================================= ========================================================================================= General ========================================================================================= ========================================================================================= ========================================================================================= */ /* ========================================================================================= ========================================================================================= Layout ========================================================================================= ========================================================================================= */ html { font-weight: 500 ; /* le 300 par défaut craint un peu */ /*font-family: Open Sans;*/ } input:-webkit-autofill::first-line { /*font-family: Open Sans;*/ font-size: 16px !important; } .input-large {width: 360px !important;} /* Virons les lignes systématiques */ .uk-section-default { background-image: none; } /* ========================================================================================= ========================================================================================= Bootstrap & Default ========================================================================================= ========================================================================================= */ h1 { font-size: 42px !important; ; font-family: Lato, Calibri !important; } .appdashboard h1, #text1 h1 {color: #228888 !important; font-weight: 400 !important} h1.mmb {font-weight: 400 !important;} blockquote {font-style: normal; color: #888888;} uk-text-meta {text-transform: none;} .uk-link, a {color: #21d6bf } .uk-input, .uk-select, .uk-textarea, .uneditable-input:not([class*=uk-]), input[type=color]:not([class*=uk-]), input[type=date]:not([class*=uk-]), input[type=datetime-local]:not([class*=uk-]), input[type=datetime]:not([class*=uk-]), input[type=email]:not([class*=uk-]), input[type=month]:not([class*=uk-]), input[type=number]:not([class*=uk-]), input[type=password]:not([class*=uk-]), input[type=search]:not([class*=uk-]), input[type=tel]:not([class*=uk-]), input[type=text]:not([class*=uk-]), input[type=time]:not([class*=uk-]), input[type=url]:not([class*=uk-]), input[type=week]:not([class*=uk-]), select:not([class*=uk-]), textarea:not([class*=uk-]) { border: 1px solid #00BBBB; } .input-append, .input-prepend {font-size: 15px; !important} /* ========================================================================================= ========================================================================================= ========================================================================================= Reuse Consignes par Défaut ou pages multiples pour Composants, Modules ... ========================================================================================= ========================================================================================= ========================================================================================= */ /* ========================================================================================= ========================================================================================= Conventions ========================================================================================= ========================================================================================= */ /*.darkme {background-color: #6f6f6f;}*/ .enlargeme {font-size: 34px;} button {} .jumbotron {background-color: transparent !important;} .jumbotron h1 {margin-top : 20px; margin-bottom: 20px;} .jumbotron h3 {line-height: 2em;} .percentbar {padding-bottom: 6px;} .percentbar div {background-image: linear-gradient(100deg,#10c3cb,#45faa5) !important; font-size: 14px; text-indent: 10px; color: #006666; padding-bottom : 6px;} .checkbox input[type=radio] {} label {font-weight: 500 !important ;} /* putain de bootstrap */ .form-horizontal label.radio { left: 30px; top: 0px; padding-top: 0px;} .radio input[type=radio] {font-weight: 400; top: 7px; left:0px;} .uk-breadcrumb {display:none;} .zeiconsofthesubnav {display:none;} /* ========================================================================================= ========================================================================================= Module de Contact ========================================================================================= ========================================================================================= Anywhere sur l'id 95 dans les grilles de bas de page */ .pwebcontact-container {background-color: transparent !important;} .pwebcontact-box {font-family: inherit;} form.pwebcontact-form input.pweb-input, form.pwebcontact-form select, form.pwebcontact-form textarea { /*pwebcontact layout css vers ligne 700, mais updates so override here */ padding: 6px 6px 6px 6px; } .zebuttons {text-align: right; margin-top: 15px;} #pwebcontact95_send {} /* ========================================================================================= ========================================================================================= Menu Dev ========================================================================================= ========================================================================================= */ #module-102 .uk-nav-default {font-size: 10px;} #module-102 {padding: 0px; min-height: 0px;} #module-102 .uk-card-body {padding-top: 5px; padding-bottom: 5px; padding-left: 30px; padding-right: 30px; } #module-102 h4 {display: inline-block; font-size: 10px; font-weight: 600; margin: 0px;} #module-102 .uk-subnav{margin:0px; } /* ========================================================================================= ========================================================================================= Panels qui servent de boutons (page accueil, offre, genre autour des formulaires de contact) ========================================================================================= ========================================================================================= */ .mybuttonpanel .uk-section-xsmall {padding-bottom: 0px;} /* ========================================================================================= ========================================================================================= Accordéons (offre, mais potentiel reuse) ========================================================================================= ========================================================================================= */ .wk-accordion-title { font-weight: 900 !important; background-color: transparent !important; font-family: Open Sans; border: 1px solid #e0e0e0; font-size: 16px !important;} .wk-accordion-title:after { /* enable icon font */ font-family: 'FontAwesome'; src: url("@{icon-font-path}/fontawesome-webfont.eot"); src: url("@{icon-font-path}/fontawesome-webfont.eot?#iefix") format("embedded-opentype"), url("@{icon-font-path}/fontawesome-webfont.woff2") format('woff2'), url("@{icon-font-path}/fontawesome-webfont.woff") format("woff"), url("@{icon-font-path}/fontawesome-webfont.ttf") format("truetype"); font-weight: normal; font-style: normal; float: right; /* down arrow icon */ /*content: "\f055"; color: #222222 ;/*023f6b; */ content: "\f107"; color: #222222 ;/*023f6b; */ /* some space*/ padding-right:5px; } .wk-accordion-title.wk-active:after { /* up arrow icon */ /*content: "\f056"; color: #222222 ;/*#023f6b; */ content: "\f106"; color: #222222 ;/*#023f6b; */ } /* ========================================================================================= ========================================================================================= ========================================================================================= Spécifiques à des Pages ou instances de modules ========================================================================================= ========================================================================================= ========================================================================================= */ #aboutuspanel h3 {color: #008888 !important; font-weight:600} #myvaleurs h3 {color: #008888 !important;} #Accueil-Button-Brochure .uk-heading-small {font-size: 25px; font-weight:500;} .MyButtonZone .el-link, .MyButtonZone .btn-primary {margin-right: 20px; margin-bottom: 20px;} .mysubmitzone {text-align: right;} .mybutton {padding: 15px 40px 15px 40px;} .myrscontact-submit{padding: 5px 40px 5px 40px; border: 1px solid #00bbbb} /* ========================================================================================= ========================================================================================= Page Accueil ========================================================================================= ========================================================================================= */ .page-accueil {} #temoignagesblock .el-image {display: block; text-align: center; margin-left: auto; margin-right: auto;} /* ========================================================================================= ========================================================================================= Page Offre ========================================================================================= ========================================================================================= */ #Offre-Hook h1 {color: #888888} #Offre-Promesse-Groupe .el-image{display:block;margin:auto;} #Offre-Promesse-Groupe h3 {color: #888888; text-align:center; font-weight: 700;} #Offre-Promesse-Groupe .el-content {color: #888888; font-size:17 px;} #Offre-Promesse-Groupe li {list-style-type: square;} .myprice {font-weight: 900; font-size: 36px; text-align: center; } #Offre-Temoignages .el-content, #Offre-Temoignages .uk-text-lead {color: #888888 !important;} #Offre-BulletProof h2 {color: #222222 !important; font-weight: 700;} #Offre-Princing-Block h3.el-title span {font-weight: 700;font-size: 24px; text-align: center;} #offre-options-items {} #offre-options-items h3.el-title {color: #22AAAA; font-weight: 900; text-align: center;} /* ========================================================================================= ========================================================================================= Page Commande ========================================================================================= ========================================================================================= */ .mycommande #tm-main {background-image: url(/images/home/Page-Commande.png) ;background-repeat: no-repeat; background-size: contain; } .uk-article-title, .mycommande h1.osm-page-title { font-size: 24; color: #228888; font-weight: 600; display:block; /*background-image: linear-gradient(100deg,#10c3cb,#30e6b3); color: #ffffff ; */ padding-top: 15px; padding-bottom : 10px; padding-left: 0px; } .mycommande h3 {color:#008080; font-weight: 600; margin-top: 60px; } div.explain, div.explain p { color: #808080; margin-top: 15px; margin-bottom: 15px; } .mycommande input[type=checkbox] {margin-right: 15px;)} .mycommande .loginformzone {border: 1px solid #009999; width: 800px !important; margin-left: auto; margin-right: auto; padding: 30px 30px 10px 30px; margin-top:30px; margin-bottom: 30px;} .mycommande .loginformzone .control-group {width: 600px; display: inline-block; text-align:center} /* ========================================================================================= ========================================================================================= Page Paiement Echec ========================================================================================= ========================================================================================= */ .paiementechec , .paiementreussi {} .basepix {width: 40%; margin-left: 40px; margin-bottom: 40px;} .floatright {float: right;} /* ========================================================================================= ========================================================================================= ========================================================================================= App Via Looking Glass > Pages ou Partials ========================================================================================= ========================================================================================= ========================================================================================= */ /* ========================================================================================= ========================================================================================= Login ========================================================================================= ========================================================================================= */ #formlogin input.uk-input {text-indent: 4px;} /* ========================================================================================= ========================================================================================= Dashboard ========================================================================================= ========================================================================================= */ #dashboard {} #dashboard #facture {display:none;} .appdashboard {background-image: url(/images/home/Page-Dashboard.png) ;background-repeat: no-repeat; background-size: contain; } .appdashboard .uk-section-default{background: transparent;} .zelogo {display:none;} #entrepriseInfo {display:none;} .uk-input {padding-left: 4px; padding-right: 2px; padding-top: 2px; padding-right: 4px; text-indent: 4 px;} #newAudit {text-align: center;} #newAudit a {display:inline-block;} .demandeur {display: inline-block;} .entreprise {display: inline-block;} .changermotdepasse {display: none;} /* tant qu'on a pas rebranché sur la même chose dans Joomla */ .deconnexion {display: inline-block;} #Client {display: inline-block; text-align: center;} .zoneFormulaireDirection {} .zoneFormulaireDirectionDeja {} .zoneFormulaireDirection .tictac {padding-top: 40px;} .zoneFormulaireCollaborateur {} .zoneFormulaireCollaborateur label.ui-sortable-handle {display: block; margin-bottom: 6px;} .form-horizontal h4 {font-size: inherit !important;font-family: Open Sans;}