﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<!--Published by Publishpro.ch Date 16.05.2017 14:27:06-->
</head>
	<body >
/*CSS Reset*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { background:transparent; margin:0; padding:0; border:0; outline:0; text-align:left }
ol, ul { list-style:none }
blockquote, cite { quotes:none; display:block; font-style:italic }
blockquote:before, blockquote:after { content:''; content:none }
:focus, :active { outline:0 none }
table { border-collapse:collapse; border-spacing:0; max-width:100%; width:100% }
td, th { vertical-align:top; padding:2px; }
a { cursor:pointer; text-decoration:none; outline:none }
a:hover { text-decoration:underline }
option { padding-left:5px }
select { padding:1px }
textarea { overflow:auto }
object, iframe, embed { max-width:100%; width:100% }
strong, b { font-weight:bold }
em, i { font-style:italic }
sup, sub { line-height:0 }
input, textarea { -moz-box-shadow:none }
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
-webkit-appearance:none
}
html, body { height:100%; }
/***** Common Formatting *****/
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0;  }
h1 { color:#126cae; font: 400 36px/40px 'Arvo', monospace; }
h2 { color:#126cae; font: 400 30px/32px 'Arvo', monospace; }
h3 { color:#126cae; font: 400 22px/24px 'Arvo', monospace; }
h4 { color:#126cae; font: 400 18px/20px 'Arvo', monospace; }
h1 a, h2 a, h3 a, h4 a { text-decoration: none; }
p { margin-top: 5px; margin-bottom: 10px;text-align:justify }
p a { color: #666; text-decoration: none; }
p a:hover { color: #ff790c; }
a img { border:none; }
.clearfloat { font-size: 1%; height: 0px; clear: both; width: 100%; }
/*header*/
body { text-align: center; font: normal 14px/18px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#939292; min-width:1000px;margin:0px; }
#all_container { width: 100%; margin: 0 auto; min-width:1000px; }
.home { background: #fff url(https://www.logicielnewsletter.com/images/background.jpg) no-repeat; }
.inner { background: #fff url(https://www.logicielnewsletter.com/images/background-inner.jpg) no-repeat; }
#container { width: 940px; margin: 0 auto; text-align: left; }
#header {width:940px; height:80px; display:block; }
.logo { width:353px; height:80px; float:left; color:#6e6e6e; font: 400 30px/80px 'Arvo', monospace; }
.logo img { float:left;margin:0 20px 0 20px; }
#nav {  height:80px; float:right; font-size:13px; line-height:20px;}
#nav > ul { margin: 0 0; padding: 0 0;}
#nav > ul > li { height:80px; float:left; position:relative; display:block;}
#nav > ul > li a { display:block; height:40px; padding:20px 0px; color:#0a538c; font-size:13px; line-height:20px; float:left; text-transform:uppercase; white-space: nowrap; text-align:center; }
#nav > ul > li a:hover { color:#19b8ee; text-decoration:none; }
#nav > ul > li.line { height:40px; margin:20px 0px; width:30px; float:left; display:block; background:url(https://www.logicielnewsletter.com/images/line.png) repeat-y top center;}
#nav > ul > li .arrow { display: none; width: 33px; height:15px; left:0px; top:56px; position:absolute; margin:0px 160px 0px 27px; background:url(https://www.logicielnewsletter.com/images/up_arrow.png); z-index:11; }
#nav > ul > li .subuls { display: none; width: 220px; left:0px; top:70px; position:absolute; margin: 0 0; z-index:10; background:#f0f0f0; padding:10px; border: 1px solid #cbcbcb; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; behavior: url(js/border-radius.htc); border-radius:4px; -moz-box-shadow: 0px 2px 8px 1px #ccc; -webkit-box-shadow: 0px 2px 8px 1px #ccc; box-shadow: 0px 2px 8px 1px #ccc; }
#nav > ul > li .subuls li { width:220px; height:40px; line-height:40px; background:#fff; margin: 0 0; border-bottom: 1px solid #cbcbcb; }
#nav > ul > li .subuls li a { width:200px; height:40px; color:#004a91; font-size: 12px; padding: 0 10px; margin: 0 0; line-height:40px; display: block; text-decoration: none; text-transform:none; }
#nav > ul > li .subuls li a:hover { background:#f0f0f0; text-decoration:none; }
#nav > ul > li .subuls li>.subuls { top:70px; left:0px; }
#nav > ul > li .arrow li>.arrow { top:56px; left:0px; }
#nav > ul > li:hover ul, li.over ul { display: block; }
#nav > ul > li:hover div, li.over div { display: block; }
/*main image*/
#mainImage { width:930px; height:500px; display:block; padding:45px 5px 0px 4px; }
#mainImage .imageBox { width:310px; height:420px; display:block; float:left }
#mainImage .imageBox h2 { color:#fff; text-align:center; text-shadow: 1px 1px 1px #000 }
#mainImage .imageBox p { color:#fff; text-align:center; padding: 0px 5px; font-size:12px; }
#mainImage .bigButton { width:363px; height:73px; display:block; margin:0px auto; }
#mainImage .bigButton a { width:271px; height:73px; display:block; background: url(https://www.logicielnewsletter.com/images/big-button1.png); font: 700 20px/73px 'Arvo', monospace; padding-left:92px; text-shadow: 1px 1px 1px #000; color: #fff; }
#mainImage .bigButton a:hover { background: url(https://www.logicielnewsletter.com/images/big-button2.png); text-decoration:none; }
#innerImage { width:930px; height:205px; display:block; padding:65px 5px 0px 5px; margin-bottom:30px; }
#innerImage .title-box { width:930px; height:100px; display:block; }
#innerImage .title-box h1 { font-size:48px; color:#fff; text-shadow: 1px 1px 1px #000 }
#innerImage .bigButton { width:363px; height:73px; display:block; margin:0px; }
#innerImage .bigButton a { width:271px; height:73px; display:block; background: url(https://www.logicielnewsletter.com/images/big-button1.png); font: 700 20px/73px 'Arvo', monospace; padding-left:92px; text-shadow: 1px 1px 1px #000; color: #fff; }
#innerImage .bigButton a:hover { background: url(https://www.logicielnewsletter.com/images/big-button2.png); text-decoration:none; }
/*home*/
#secondnav {width:940px; height:204px; display:block; margin:35px 0px;}
#secondnav .box-service {width:201px; height:174px; display:block; float:left; padding:15px 245px 15px 15px; position:relative;}
#secondnav .one { margin-right:18px; background:url(https://www.logicielnewsletter.com/images/mailpro-box.jpg) no-repeat;}
#secondnav .two { background:url(https://www.logicielnewsletter.com/images/logicielnewsletter-box.jpg) no-repeat;}
#secondnav .box-service .box-title { color:#444444; font: 400 26px/28px 'Arvo', monospace; margin-bottom:5px;}
#secondnav .box-service p { color:#444444; font-size:14px; margin-bottom:5px;text-align:left;}
#secondnav .box-servicii img {border:1px solid #cbcbcb;}
#secondnav .box-service .more-button {width:159px; height:42px; display:block; position:absolute; left:15px; bottom:15px;}
#secondnav .box-service .more-button a { width:159px; height:42px; background:url(https://www.logicielnewsletter.com/images/button1.png); line-height:42px; text-align:center; display:block; color:#fff; text-transform:uppercase; font-weight:bold; }
#secondnav .box-service .more-button a:hover { background:url(https://www.logicielnewsletter.com/images/button2.png); text-decoration:none;}
#MainContent { width:940px; display:block; margin-bottom:20px; }
.home-content { width:600px; display:block; padding-right:20px; float:left;}
.side-content { width:318px; display:block;float:left; border-left:1px solid #d1d1d1; background:url(https://www.logicielnewsletter.com/images/side-back.jpg) no-repeat; }
#MainContent .quote { width:100%; padding: 15px 0px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; display:block; color:#126cae;  font: 400 26px/28px 'Arvo', monospace;text-align:left; }
.side-content .phone-box { width:300px; display:block; padding: 10px 0px 0px 17px; margin-bottom:15px}
.side-content .phone-box .phone { width:300px; display:block; margin-top:15px;}
.side-content .phone-box .phone .phone-text { width:165px; display:block; float:left}
.side-content .phone-box .phone .phone-text span { color:#126cae;  font: 700 24px/24px 'Arvo', monospace;}
.side-content .phone-box .phone .phone-img { width:135px; display:block; float:left;}
.inner-content { width:600px; display:block; padding-right:20px; float:left;}
/*inner content*/
.inner-content {font-family:AkiraRegular, Arial, sans-serif}
.inner-content a {text-decoration:none;color:#126cae; font-weight:bold}
.inner-content p, .inner-content ol, .inner-content ul, .inner-content table, .inner-content blockquote {margin-bottom:9px}
.inner-content img {display:block;margin:0 0 10px}
.inner-content img[align=left],
.inner-content img.left {float:left;margin-right:15px}
.inner-content img[align=right],
.inner-content img.right {float:right;margin-left:15px}
.inner-content ol li {list-style:decimal}
.inner-content ul li {list-style:disc}
.inner-content ol {margin-left:30px}
.inner-content ul {margin-left:26px}
.inner-content table {border:1px solid #ccc;text-align:left;}
.inner-content table th {border:1px solid #ccc}
.inner-content table td {border:1px solid #ccc;background:#fff}
.inner-content blockquote, .inner-content cite {padding:9px 10px 0;border-left:5px solid #ccc;margin-bottom:9px}
.side-content .box-service {width:163px; display:block; float:left; padding:15px 135px 15px 15px; position:relative; margin-bottom:15px; margin-left:6px;}
.side-content .one { height:174px; background:url(https://www.logicielnewsletter.com/images/side-mailpro-box.jpg) no-repeat;}
.side-content .two { height:196px; background:url(https://www.logicielnewsletter.com/images/side-logicielnewsletter-box.jpg) no-repeat;}
.side-content .box-service .box-title { color:#444444; font: 400 24px/24px 'Arvo', monospace; margin-bottom:5px;}
.side-content .box-service p { width: 140px;color:#444444; font-size:14px; margin-bottom:5px;text-align:left;}
.side-content .box-servicii img {border:1px solid #cbcbcb;}
.side-content .box-service .more-button {width:159px; height:42px; display:block; position:absolute; left:15px; bottom:15px;}
.side-content .box-service .more-button a { width:159px; height:42px; background:url(https://www.logicielnewsletter.com/images/button1.png); line-height:42px; text-align:center; display:block; color:#fff; text-transform:uppercase; font-weight:bold; }
.side-content .box-service .more-button a:hover { background:url(https://www.logicielnewsletter.com/images/button2.png); text-decoration:none;}

/*footer*/
#footer { width:100%; height:190px; margin-bottom:25px; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; background:#f4f4f4; text-align:center;}
#footer-content { width: 940px; height:140px; display:inline-block; margin:25px auto; text-align:left; }
#footer-content .footer-links { width:130px; height: 140px; padding-right:18px; float:left; display:block; text-align:left; color:#b09bca;}
#footer-content .footer-links ul { margin: 0 0; padding: 0 0; }
#footer-content .footer-links li { color:#696969; font: 400 14px/20px 'Arvo', monospace; }
#footer-content .footer-links li a { color:#8e8e8e; font: normal 11px/20px Arial, Helvetica, sans-serif; }
#footer-content .footer-links li a:hover { color:#0a538c; text-decoration:none; }
#footer-content .footer-links p { color:#8e8e8e; font: normal 11px/14px Arial, Helvetica, sans-serif; }
#footer-content .footer-links .social { width:170px; height: 30px; display:block; margin-bottom:15px; }
#footer-content .footer-links .social img { float:left; margin-right:11px; display:block; }
.titleSite {
  color: #6E6E6E;
    font-family: 'Arvo',monospace;
    font-size: 30px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 80px;
text-decoration:none;
}
h1{
  color: #6E6E6E;
    font-family: 'Arvo',monospace;
    font-size: 24px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 80px;
text-decoration:none;
}
.logo a:hover{
  color: #6E6E6E;
    font-family: 'Arvo',monospace;
    font-size: 30px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 80px;
text-decoration:none;
}
#SupportChat{
height:100px;
width:50px;
float: left;
height: 100px;
margin-top: 450px;
position: fixed;
width: 150px;
}
	</body>
</html>
