-/* W3PRO.CSS 4.13 June 2019 by Jan Egil and Borge Refsnes */
+
html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
-/* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}
html,body {-webkit-user-select: none;-ms-user-select: none;user-select: none;-moz-user-select:none;}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}summary{display:list-item}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
-/* End extract */
-/* html,body {
- background-color: #52638e;
-} */
-html,body{font-family:Verdana,sans-serif;font-size:10pt;line-height:1.5}html{overflow-x:hidden}
-h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}.serif{font-family:serif}
+@font-face {
+ font-family: 'Roboto';
+ src: url('fonts/Roboto-Regular.ttf') format('truetype');
+ font-weight: normal;
+ font-style: normal;
+}
+html,body{font-family:"Roboto";font-size:12pt;line-height:1.5}html{overflow-x:hidden}
+h1{font-size:24px}h2{font-size:30px}h3{font-size:24px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}.serif{font-family:serif}
h1,h2,h3,h4,h5,h6{font-family:"Segoe UI",Arial,sans-serif;font-weight:400;margin: 0}.wide{letter-spacing:4px}
hr{border:0;border-top:1px solid #eee;margin:20px 0}
.img{max-width:100%;height:auto; vertical-align:middle}a{color:inherit}
.hover-text-theme:hover {color:#6a92d3 !important}
.hover-border-theme:hover {border-color:#6a92d3 !important}
.nax { display: none;}
-/* .label { color: #000; font-size: 8pt;} */
-/* #main {margin-left: 210px;} */
-/* @media (max-width:768px){
- #sidebar { display: none;}
- #main { margin-left: 0px;}
-} */
.info-panel {
padding: 3px;
-.right-side-bg {
- background: url("../img/bg1.jpg");
- background-size: cover;
- min-height: 100vh;
-}
-
-
-
-
-/* .mceContentBody {
- background: #fff;
- color:#000;
-} */
-
-/* .tabulator-row-even {
- background-color: #757575;
-} */
-
button
{
color: #000;
line-height: 1line;
text-align: left;
- /* margin-top: 0.88em;
- margin-right: 0.75em;
- margin-bottom: 0.63em;
- margin-left: 0.75em;
- top: 0pt;
- right: 30pt;
- bottom: 0pt;
- left: 0pt;
- position: absolute;
- box-sizing: border-box; */
}
textarea:focus
{
{
color: rgba(80%,80%,80%,1);
}
-/* textarea .text
-{
-
-} */
+
textarea .scrollbar_track
{
width: 30pt;
padding-bottom: 8px;
}
-/* Custom Styles */
-.ListView_Default
-{
-
- background-color: rgba(0%,0%,0%,0);
- border-top-style: none;
- border-right-style: none;
- border-bottom-style: none;
- border-left-style: none;
-
- color: #000;
- text-align: left;
- margin-top: 2pt;
- margin-right: 2pt;
- margin-bottom: 2pt;
- margin-left: 2pt;
-}
-
-
button.btnNavigation
{
div.toolbar
{
-
- background-color: rgba(32.1569%,38.8235%,55.6863%,1);
+ background-color: #003268;
+ /* background-color: rgba(32.1569%,38.8235%,55.6863%,1); */
}
100% { transform: rotate(360deg); }
}
+.footer {
+ background-color: #202020;
+ color: #fff;
+ font-size: 9pt;
+}
<meta property="og:region" content="Grevenmacher" />
<meta property="og:postal_code" content="6230" />
<meta property="og:country_name" content="Luxembourg" />
+ <meta property="og:description" content="un logiciel simplifiant le processus de planification des temps de travail - grâce à une interface intuitive et ergonomique" />
+ <title>POT - Plan d'organisation du Travail</title>
+ <meta name="description" content="un logiciel simplifiant le processus de planification des temps de travail - grâce à une interface intuitive et ergonomique">
<link rel="shortlink" href="https://www.plandutravail.lu">
<link rel="canonical" href="https://www.plandutravail.lu">
- <!-- <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
+ <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
<meta http-equiv="Pragma" content="no-cache" />
- <meta http-equiv="Expires" content="0" /> -->
+ <meta http-equiv="Expires" content="0" />
<link rel="apple-touch-icon" sizes="57x57" href="img/favicon/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="img/favicon/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="img/favicon/apple-icon-72x72.png">
<meta name="msapplication-TileImage" content="img/favicon/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
<link rel="stylesheet" href="css/theme.css?v=3">
- <style>
- body:after{
- content:"";
- position:fixed;
- top:0;
- height:100vh;
- left:0;
- right:0;
- z-index:-1;
- background: url('img/potbg.jpg') center center;
- -webkit-background-size: cover;
- -moz-background-size: cover;
- -o-background-size: cover;
- background-size: cover;
-}
- </style>
<script type="text/javascript" src="js/site.js"></script>
</head>
<body>
<div class="top hide-small hide-medium">
- <div class="bar white" style="border-bottom: 2px solid #005bce;">
+ <div class="bar border-bottom toolbar">
<div class="bar-item"><img src="img/pot-icon-small.png" alt="pot icon"/></div>
- <div class="bar-item xlarge" style="color: #003268;">Plan d'organisation du Travail</div>
+ <h1 class="bar-item text-white">Plan d'organisation du Travail</h1>
</div>
</div>
<div class="top hide-large hide-small">
- <div class="bar white" style="border-bottom: 2px solid #005bce;">
+ <div class="bar border-bottom toolbar">
<div class="bar-item"><img src="img/pot-icon-small.png" alt="pot icon"/></div>
- <div class="bar-item xlarge" style="color: #003268;">Plan d'organisation du Travail</div>
+ <h1 class="bar-item text-white">Plan d'organisation du Travail</h1>
</div>
</div>
<div class="top hide-large hide-medium">
- <div class="bar white" style="border-bottom: 2px solid #005bce;">
+ <div class="bar border-bottom toolbar">
<div class="bar-item"><img src="img/pot-icon-small.png" alt="pot icon"/></div>
- <div class="bar-item" style="color: #003268;">Plan d'organisation du Travail</div>
+ <h1 class="bar-item text-white">Plan d'organisation du Travail</h1>
</div>
</div>
- <div class="display-container" style="min-height: calc(100vh - 110px);margin-top: 60px;">
- <div class="container center" style="padding-top: 10px;">
- <img alt="POT" class="hide-large" style="width: 80%;" src="img/pot_big.png">
- <img alt="POT" class="hide-small hide-medium" src="img/pot_big.png">
+ <!-- "-->
+ <div class="display-container" style="margin-top: 60px;">
+ <div class="container" style="padding-top: 10px;">
+ <div class="row">
+ <div class="container third">
+ <img src="img/POT-Mockup.png" style="width: 100%;" alt="POT disponible pour Windows 10 et MacOS"/>
+ </div>
+ <div class="container twothird ">
+ <p>
+ POT S.à r.l. a développé un logiciel (<span style="font-weight: bold">POT</span>) simplifiant le processus de planification des temps de travail – légalement requis – grâce à une interface intuitive et ergonomique.</p>
+<p>Le logiciel <span style="font-weight: bold">POT</span> s'adapte aux problématiques de <span style="font-weight: bold">planification des temps de travail</span>, voire <span style="font-weight: bold">calcul d'éventuelles heures supplémentaires</span>.</p>
+
+<p><span style="font-weight: bold">POT</span> simplifie la planification des ressources humaines grâce aux <span style="font-weight: bold">plannings optimisés</span> prenant en compte la charge de travail, les compétences des collaborateurs, les absences planifiées et les contraintes réglementaires, personnelles et collectives.<br/><span style="font-weight: bold">POT</span> répond aux <span style="font-weight: bold">obstacles du législateur et à ceux des organismes de contrôle</span>.</p>
+</p>
+<div class="panel border padding margin large">N'hésitez pas à nous contacter pour toute information supplémentaire par le biais du présent formulaire de contact</div>
+</div>
+</div>
+</div>
+<div class="display-container">
+ <div class="row">
+ <div class="half">
+ <div class="third padding"><img src="img/scrshots/ScrShot1.jpg" style="width:100%;" alt="login screen"></div>
+ <div class="third padding"><img src="img/scrshots/ScrShot2.jpg" style="width:100%;" alt="dashboard"></div>
+ <div class="third padding"><img src="img/scrshots/ScrShot3.jpg" style="width:100%;" alt="templates"></div>
</div>
- <div class="container">
+ <div class="half">
+ <div class="third padding"><img src="img/scrshots/ScrShot4.jpg" style="width:100%;" alt="periodes"></div>
+ <div class="third padding"><img src="img/scrshots/ScrShot5.jpg" style="width:100%;" alt="semaine"></div>
+ <div class="third padding"><img src="img/scrshots/ScrShot6.jpg" style="width:100%;" alt="jour"></div>
+ </div>
+ </div>
+</div>
+<div class="display-container">
+<div class="container row">
+<h2>Pourquoi choisir POT ?</h2>
+<p>En effet, les articles L.212-3 et L.212-4 du Code du travail prévoient l'obligation pour les employeurs, en fonction du nombre de salariés, d'établir des <span style="font-weight: bold">plans d'organisation du travail</span>, ou de tenir des <span style="font-weight: bold">registres de travail</span> le cas échéant.</p>
+<p><span style="font-weight: bold; text-decoration: underline;">A défaut d'application des articles L.212-3 et L.212-4 du Code du travail, le droit commun s'applique</span>, c'est à dire que toute heure qui dépasse la durée de travail contractuellement arrêtée, soit automatiquement considérée comme heure supplémentaire et est à majorer avec 40% (numéraire) ou 50% (temps libre).</p>
+<p>Attention ! Pour mémoire, l'article 2277 du Code civil prévoit en effet que les actions en paiement des rémunérations de toute nature dues aux salariés se prescrivent par trois ans.</p>
+<p>La <span style="font-weight: bold; text-decoration: underline;">prescription de 3 ans</span> est reprise par l'article L. 221-2 du Code du travail en vertu duquel « l'action en paiement des salaires de toute nature dus au salarié se prescrit par trois ans conformément à l'article 2277 du Code civil. (...) ».</p>
+<p>Donc, il ressort clairement que toute irrégularité, voire tout oubli en relation avec cet article va se montrer, le cas échéant, très onéreux pour votre entreprise car il faut penser à l'effet multiplicateur.</p>
+<p>Attendu que l'ITM, lors de ses contrôles, vérifie si oui ou non lesdites articles sont correctement appliqués, <span style="font-weight: bold; text-decoration: underline;">il est donc d'une importance capitale à ce que d'éventuelles omissions, erreurs, fautes, mauvaises pratiques puissent être évitées et ceci dès le début des relations de travail</span>, resp. dès le début d'exploitation de l'activité commerciale.</p>
+
+</div>
+</div>
+ <div class="display-container" style="background-color: #616161">
<div class="row">
<div class="quarter"> </div>
- <div class="row half white" style="padding: 10px;" id="contactform">
+ <div class="row half" style="padding: 10px;" id="contactform">
<div id="infomsg"></div>
<form id="frmcontact">
- <h3>Contact:</h3>
+ <h3 class="text-white">Contact</h3>
<div class="row">
<div class="half" style="padding-left: 10px;padding-right: 10px;">
- <label for="company" class="label">Entreprise</label>
+ <label for="company" class="label text-white">Entreprise</label>
<input type="text" class="input" id="company" name="company" value="" required/>
</div>
<div class="half" style="padding-left: 10px;padding-right: 10px;">
- <label for="position" class="label">Position / Fonction</label>
+ <label for="position" class="label text-white">Position / Fonction</label>
<input type="text" class="input" id="position" name="position" value="" required/>
</div>
<div class="half" style="padding-left: 10px;padding-right: 10px;">
- <label for="surname" class="label">Nom</label>
+ <label for="surname" class="label text-white">Nom</label>
<input type="text" class="input" id="surname" name="surname" value="" required/>
</div>
<div class="half" style="padding-left: 10px;padding-right: 10px;">
- <label for="prename" class="label">Prénom</label>
+ <label for="prename" class="label text-white">Prénom</label>
<input type="text" class="input" id="prename" name="prenom" value="" required/>
</div>
<div class="half" style="padding-left: 10px;padding-right: 10px;">
- <label for="email" class="label" >E-Mail</label>
+ <label for="email" class="label text-white" >E-Mail</label>
<input type="email" class="input" id="email" name="email" value="" required />
</div>
<div class="half" style="padding-left: 10px;padding-right: 10px;">
- <label for="phone" class="label" >Téléphone</label>
+ <label for="phone" class="label text-white" >Téléphone</label>
<input type="text" class="input" id="text" name="phone" value="" required />
</div>
<div class="">
- <label for="message" class="label" >Message</label>
+ <label for="message" class="label text-white" >Message</label>
<textarea id="message" name="message" style="height: 200px; width: 100%;padding-left: 10px;padding-right: 10px;" required></textarea>
</div>
<div class="nax">
<input type="checkbox" id="terms" name="terms" value="1" required/><label for="message" class="label" >J'ai lu est j'accepte les conditions générales</label>
</div>
</div>
- <div class="row container"><button type="button" class="button right actionbtn" onclick="sendmessage();">Envoyer</button></div>
+ <div class="row container"><button type="button" class="button right actionbtn" onclick="sendmessage();" style="background-color: #005bce;">Envoyer</button></div>
</form>
</div>
<div class="quarter"> </div>
</div>
</div>
</div>
- <div class="center padding-large">
+ <div class="center padding-large footer" >
© 2020 by POT S.à r.l. - <a href="cgv/cgv.pdf" target="_blank">Conditions générales</a>
</div>
</div>
projects / pot_lu.git / commitdiff
