@charset "UTF-8";
body,html,div,h1,h2,h3,h4,h5,h6,h7,h8,p,img,ul,li {margin:0;padding:0}
body,html, #main {margin:0 auto;height:100%;width:100%}
body {font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;color:rgba(46,46,46,0.9);font-size:10pt;min-height:100%;background:#FFF}
*, *::before, *::after {-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit}
img {border:0 none}
a {color:#2E2E2E}
a:hover {color:#3792DE}
optgroup {background:#2E2E2E;color:#FFF}
option {background:#FFF;color:rgba(46,46,46,0.9)}
#head, #nav-mini, #nav, #layerslider-container, #noscript-warning {position:relative;width:100%;z-index:2}
#nav-mini {position:relative;height:25px;background:#f1f2f2;border-bottom:1px solid #dcddde;z-index:1}
#nav-mini p {line-height:24px;vertical-align:middle;color:#2E2E2E;margin-right:8px}
#nav-mini a {text-decoration:none;font: 0.788em/25px sans-serif;margin-left:12px}
#nav {position:relative;z-index:14;box-shadow:0 0 5px 0 rgba(0,0,0,.35);border-bottom:3px solid #2E2E2E;background:#fff;box-sizing:border-box}
#nav img {padding:11px 0 0 8px}
#nav .sub-link2, #nav .sub-link, #nav .realization, #nav .about-us, #nav .contact {display:table-cell;text-align:right;width:20%;height:78px;vertical-align:middle !important;color:#000000;cursor:pointer;font:normal normal normal 14px/1.4em helvetica-w01-light,helvetica-w02-light,sans-serif;padding-right:8px;text-decoration:none}
#nav a:hover {text-decoration:underline;color:#3792DE}
#nav #services:hover .services {text-decoration:underline !important;color:#3792DE !important}
#nav .sub-link, #nav .sub-link2 {display:none !important}
#nav-padding {position:relative;z-index:22;height:83px}
.slink {color:#3792DE !important;cursor:default}
#noscript-warning {background:#ff9847;text-align:center;color:#FFFFFF;font-weight:600;font-size:12pt;padding:8px 5px}
#layerslider-container, #noscript {width:100%;position:relative;z-index:1;background:url('../img/banner-bg2.jpg') no-repeat scroll 50%;-webkit-background-size:cover;background-size:cover}
#content #title {display:table-row;width:100%;background:url('../img/title-banner.png') no-repeat}
#content #title h1 {color:rgba(255,255,255,0.75);padding:10px;font:normal normal normal 1.8em/1.4em helvetica-w01-light,helvetica-w02-light,sans-serif;text-transform:uppercase;text-shadow:-1px -1px 0 #2e2e2e,1px -1px 0 #2e2e2e,-1px 1px 0 #2e2e2e,1px 1px 0 #2e2e2e;text-transform:uppercase;margin-top:7px}
#content {position:relative;border-top:2px solid #2E2E2E;border-bottom:1px solid #2E2E2E;font: 0.813em/1.923em 'Lato', sans-serif}
#content #content-table {display:table;width:100%;box-sizing:border-box;border-left:1px solid #d1d3d4;border-right: 1px solid #d1d3d4}
#content #content-cell {display:table-cell;width:736px;border-right:1px solid #d1d3d4;background:#fff;vertical-align:top;padding:0 20px 20px 20px}
#content .content-article {display:table;border-bottom:1px solid #d1d3d4;width:100%;box-sizing:border-box}
#content .content-article .content-article-cell {display:table-cell;padding:20px 0;vertical-align:top}
#content .content-article img {padding-right:20px;width:160px;height:auto;opacity:0.95;margin-bottom:5px}
#content .content-article h1, #content .content-article h5 {font:normal bold bold 14px/1.4em helvetica-w01-light,helvetica-w02-light,sans-serif;text-transform:uppercase;font-size:12pt;color:#3B81BC}
#content .content-article h8 {display:inline-block;color:#3792DE;padding-top:22px;font-size:1.8em}
#content .content-article p {font:1.4em/1.923em 'Lato', sans-serif}
#content .content-article-cell ul {padding-left:25px}
#content .content-menu {display:table !important;width:100% !important;padding:0 !important;-webkit-box-shadow:6px 0px 7px 0px rgba(0,0,0,0.8);-moz-box-shadow:6px 0px 7px 0px rgba(0,0,0,0.8);box-shadow:6px 0px 7px 0px rgba(0,0,0,0.8);border-top:1px solid #000000}
#content .content-menu a {display:table-cell !important;width:50%;background:#2E2E2E;width:50%;padding:0 !importantvertical-align:middle;color:#ffffff;text-align:center !important;font:normal normal normal 1.6em/1.4em helvetica-w01-light,helvetica-w02-light,sans-serif;padding:18px 10px !important;;text-decoration:none}
#content .content-menu a:hover {color:rgba(0,0,0,0.8);background:#ffffff;text-decoration:none;cursor:pointer}
#content .content-menu img {vertical-align:middle;width:30px;height:30px;padding-right:0;margin:-3px 5px 0 0}
#content .content-menu .sbutton, #content .content-menu .obutton {color:rgba(0,0,0,0.8) !important;background:#ffffff !important;text-decoration:none;cursor:default}
#content .creation-web, #content .hebergement-web {display:none;padding:20px;font:1.4em/1.923em 'Lato', sans-serif;vertical-align:top}
#content .creation-web h8, #content .hebergement-web h8 {font-size:1.25em;padding:0;color:#3792DE}
#content .creation-web p, #content .hebergement-web p {font:1.0em/1.923em 'Lato', sans-serif}
#content .creation-web img, #content .hebergement-web img {width:222px;height:auto}
#content .buble-top {position:relative;border:2px solid #d1d3d4;margin:28px 20px 20px 20px;color:rgba(116,116,116,0.99);font-size:9pt;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;-webkit-box-shadow:4px 4px 9px 0px rgba(0,0,0,0.55);-moz-box-shadow:4px 4px 9px 0px rgba(0,0,0,0.55);box-shadow:4px 4px 9px 0px rgba(0,0,0,0.55);background:#ebebec;background:-moz-linear-gradient(top, #ebebec 0%, #f7f7f7 100%);background:-webkit-linear-gradient(top, #ebebec 0%,#f7f7f7 100%);background:linear-gradient(to bottom, #ebebec 0%,#f7f7f7 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebec', endColorstr='#f7f7f7',GradientType=0 )}
#content .buble-top:after, #content .buble-top:before {bottom:100%;left: 50%;border:solid transparent;content:" ";height: 0;width:0;position:absolute;pointer-events:none}
#content .buble-top:after {border-color:rgba(209,211,212,0);border-bottom-color:#ebebec;border-width:20px;margin-left:-20px}
#content .buble-top:before {border-color:rgba(209,211,212,0);border-bottom-color:#d1d3d4;border-width:22px;margin-left:-22px}
#content #side-menu {display:table-cell;position:relative;width:242px;padding:20px 15px;background:#ebebec;vertical-align:top}
#content #side-menu .side-button {padding:15px 8px;background:#ff9847;background:-moz-linear-gradient(top, #FFA45E 0%, #ff7d17 100%);background:-webkit-linear-gradient(top, #FFA45E 0%,#ff7d17 100%);background:linear-gradient(to bottom, #FFA45E 0%,#ff7d17 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFA45E', endColorstr='#ff7d17',GradientType=0 );color:#fff;text-align:center;text-decoration:none !important;text-transform:uppercase;font: 1.6em/1.288em 'Arvo', sans-serif;transition: all 0.15s linear 0s;box-shadow:inset 0 -3px 0 -1px transparent;cursor:pointer;text-shadow:-1px -1px 0 #B75000,1px -1px 0 #B75000,-1px 1px 0 #B75000,1px 1px 0 #B75000;font-weight:600;border:1px solid #ff7d17;border-radius: 3px;display:block;margin-bottom:20px}
#content #side-menu .side-button:hover {background:#ff7d17;background:-moz-linear-gradient(top, #ff7d17 0%, #ff9847 100%);background:-webkit-linear-gradient(top, #ff7d17 0%,#ff9847 100%);background:linear-gradient(to bottom, #ff7d17 0%,#ff9847 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7d17', endColorstr='#ff9847',GradientType=0 )}
#content #side-menu #webhost {background:#3792DE;background:-moz-linear-gradient(top, #5EB1F6 0%, #0F6AB5 100%);background:-webkit-linear-gradient(top, #5EB1F6 0%,#0F6AB5 100%);background:linear-gradient(to bottom, #5EB1F6 0%,#0F6AB5 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5EB1F6', endColorstr='#0F6AB5',GradientType=0 );border:1px solid #0F6AB5;text-shadow:-1px -1px 0 #0F6AB5,1px -1px 0 #0F6AB5,-1px 1px 0 #0F6AB5,1px 1px 0 #0F6AB5}
#content #side-menu #webhost:hover {background:#5EB1F6;background:-moz-linear-gradient(top, #0F6AB5 0%, #5EB1F6 100%);background:-webkit-linear-gradient(top, #0F6AB5 0%,#5EB1F6 100%);background:linear-gradient(to bottom, #0F6AB5 0%,#5EB1F6 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0F6AB5', endColorstr='#5EB1F6',GradientType=0 )}
#content .button-link {text-decoration:none !important;line-height:31px;padding:0 15px;border-radius:3px;color:#3792DE;vertical-align:middle;font-weight:600;font-size:10pt;transition: all 0.15s linear 0s;background:#f1f2f2;background:-moz-linear-gradient(top, #f1f2f2 0%, #ffffff 100%);background:-webkit-linear-gradient(top, #f1f2f2 0%,#ffffff 100%);background:linear-gradient(to bottom, #f1f2f2 0%,#ffffff 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f2f2', endColorstr='#ffffff',GradientType=0 );border:1px solid #d1d3d4;border-radius:3px;box-shadow:inset 0 -3px 0 -1px transparent;cursor:pointer;outline:none;margin-top:10px;display:inline-block}
#content .button-link:hover {background:#ffffff;background:-moz-linear-gradient(top, #ffffff 0%, #f1f2f2 100%);background:-webkit-linear-gradient(top, #ffffff 0%,#f1f2f2 100%);background:linear-gradient(to bottom, #ffffff 0%,#f1f2f2 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f2f2',GradientType=0 );color:rgba(46,46,46,0.9)}
#content .button-link span {margin-left:5px;color:#3792DE;font-family: 'guifx', sans-serif;vertical-align:middle;font-weight:800;font-size:11pt}
#content #send-msg {display:none;position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.3);z-index:9999}
#content #send-msg div {position:fixed;margin:0 auto;width:100%;max-width:320px;height:auto;top:calc(50% - 130px);left:50%;margin-left:-160px;border:5px solid #383838;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#FFF;text-align:center;padding:20px 10px;box-sizing:border-box}
#content #send-msg div img {display:block;margin:0 auto 10px auto;opacity:0.6;width:32px;height:32px}
#content #send-msg p {font-size:11pt}
textarea.ui-input-text {height:100px !important}
.ui-content {text-align:left !important}
.site-profile {display:inline-block;margin:10px 10px;background:#EBEBEC;border:1px solid #c0c0c0;width:100%;max-width:325px;padding:0;vertical-align:top;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-webkit-box-shadow:4px 4px 9px 0px rgba(0,0,0,0.55);-moz-box-shadow:4px 4px 9px 0px rgba(0,0,0,0.55);box-shadow:4px 4px 9px 0px rgba(0,0,0,0.55);cursor:pointer;background:url('../img/wp-banner9-mini.jpg') no-repeat !important}
.site-profile:hover {border:1px dotted rgba(0,0,0,0.55) !important}
.site-profile:hover h8 {color:#3792DE !important;text-decoration:none !important}
.site-profile:hover a {text-decoration:underline !important}
.site-profile img {display:block;width:100% !important;max-width:323px !important;height:auto !important;padding:0 !important}
.site-profile h8 {display:block !important;color:serif;color:#838383 !important;font-size:1.2em !important;padding:0 0 0 15px !important;font-weight:bold;text-decoration:none !important}
.site-profile a {display:block !important;text-decoration:none !important;color:#3792DE;font-size:1.2em !important;padding:0 0 10px 15px !important}
.wrap {width:100%;max-width:980px;margin: 0 auto;position:relative}
.wrap-nav {display:table;height:93px}
.wrap-nav-mini div {vertical-align:middle;float:left;margin-left:12px}
.wrap-nav-mini div img {margin-right:12px;width:15px;height:15px;vertical-align:middle;opacity:0.6;cursor:pointer}
.wrap-nav-mini p img {vertical-align:middle;opacity:0.35;width:13px;height:13px;margin-bottom:3px}
.wrap-link {position:relative;z-index:16;height:78px}
.wrap-link a {text-transform:uppercase}
#nav #button-nav {display:none;position:absolute;top:19px;right:10px;cursor:pointer;width:40px;height:40px;z-index:222}
#icon-nav {display:none;width:100%;text-align:center}
#icon-nav img {margin:12px 0 0 16px !important;height:30px !important;width:30px !important;cursor:pointer}
.wrap-banner {width:100%;max-width:980px;position:relative;z-index:11;display:table;margin:0 auto}
.wrap-banner div, .wrap-nav div {display:table-cell;vertical-align:middle;width:50%}
#nav .sub-nav {display:none;position:fixed;z-index:9999;background:rgba(46,46,46,0.95);width:auto;margin-top:10px;-webkit-box-shadow:4px 4px 9px 0px rgba(0,0,0,0.75);-moz-box-shadow:4px 4px 9px 0px rgba(0,0,0,0.75);box-shadow:4px 4px 9px 0px rgba(0,0,0,0.75);z-index:9999;border:1px solid #000000}
#nav .sub-nav a {position:relative;z-index:20;display:block;text-align:left;color:rgba(255,255,255,0.85) !important;height:initial !important;width:initial;padding:15px 20px;text-decoration:none !important;font:normal normal normal 14px/1.4em helvetica-w01-light,helvetica-w02-light,sans-serif;min-width:160px}
#nav .sub-nav a:hover {text-decoration:none !important;background:rgba(72,72,72,0.95) !important}
#services:hover .sub-nav {display:block}
.wrap-banner #tablet {z-index:10;position:absolute;margin:80px 0 0 -120px}
.wrap-banner #smartphone {z-index:11;position:absolute;margin:120px 0 0 20px}
.wrap-noscript {display:table;height:300px}
.wrap-noscript div {display:table-cell;vertical-align:middle}
#disable-bg {display:none;position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.65)}
#news {width:100%;margin-bottom: 20px;background: #fff;border: 1px #c0c0c0 solid}
#news h5 {font:normal bold normal 14px/1.4em helvetica-w01-light,helvetica-w02-light,sans-serif;padding:10px 15px;text-transform:uppercase}
#news div {border-top: 1px #c0c0c0 solid;padding:10px 15px}
#news h6 {font-size:10pt;color:#3792DE}
#news p {font-size:9pt;color:rgba(0,0,0,0.70)}
#news a {color:#3792DE}
#news h7 {font-size:9pt}
#foot {width:100%;height:60px;background:#2E2E2E;border-top:2px solid #000}
#foot p {line-height:60px;vertical-align:middle;text-align:center;color:#fff}
@media only screen and (max-width:1085px) {
	.sl9 {top:11% !important}
	.sl11 {top:62% !important}
}
@media only screen and (max-width:980px) {
	.site-profile {display:block !important;margin:20px auto !important}
}
@media only screen and (max-width:870px) {
	#sub-iconset {display:none !important}
	#sub-bannertext {text-align:center}
	#sub-bannertext img {width:320px !important;height:auto !important}
	.wrap-noscript {height:230px !important}
	#layerslider {max-height:230px !important}
}
@media only screen and (max-width:785px) {
	.wrap-nav div {width:auto}
	.wrap-link {width:60%}
}	
@media only screen and (max-width:700px) {
	#nav #button-nav {width:40px !important;height:40px !important;padding:0 !important}
	#nav #icon-nav img {height:30px !important;width:30px !important;padding:0 !important}
	#content #content-cell, #content #side-menu {display:block !important;width:100% !important}
}
@media only screen and (min-width:651px) {
	.wrap-link {height:auto !important}
	#button-nav, #disable-bg {display:none !important}
}
@media only screen and (max-width:650px) {
	#button-nav {display:block !important}
	#nav-mini {display:none !important}
	.wrap-link {display:table !important;position:fixed !important;top:0;left:0;width:222px !important;background:#1F1F1F !important;z-index:99 !important;margin-left:-226px;-webkit-box-shadow:4px 0px 5px 0px rgba(0,0,0,0.8);-moz-box-shadow:4px 0px 5px 0px rgba(0,0,0,0.8);box-shadow:4px 0px 5px 0px rgba(0,0,0,0.8)}
	.wrap-link div {display:table !important}
	#nav .sub-link2, #nav .sub-link, #nav .realization, #nav .about-us, #nav .contact {display:block !important;width:100% !important;height:66px;line-height:66px !important;color:#F6F6F6;background:#2E2E2E;border-bottom:1px solid #000000;border-right:2px solid #000000;margin:0 !important;padding-right:20px !important}
	#nav .sub-link2:hover, #nav .sub-link:hover, #nav .realization:hover, #nav .about-us:hover, #nav .contact:hover,  #nav #services:hover {text-decoration:none !important;color:#F6F6F6 !important;background:#464646 !important;border-left:3px solid #FF7D17}
	#nav #services {text-align:right !important;background:#2E2E2E;width:100% !important}
	#nav .sub-link2 {height:66px !important;line-height:66px !important}
	#nav #services .services {display:block !important;width:100% !important;height:66px !important;line-height:66px !important;border-bottom:1px solid #000000 !important;color:#F6F6F6 !important;border-right:2px solid #000000;margin:0 !important;padding-right:20px !important}
	#nav .sub-link2 img {padding:0 !important;width:155px !important;height:auto !important}
	#nav .sub-link2:hover {text-decoration:none !important;background:#2E2E2E !important}
	#icon-nav {display:block !important}
	.slink {background:#464646 !important;cursor:default !important;border-left:3px solid #FF7D17;color:#F6F6F6 !important}
	#nav .sub-nav {display:none !important}
	#nav #services:hover .services {text-decoration:none !important;color:#F6F6F6 !important}
	.wrap-link a {height:66px !important;line-height:66px !important}
	#nav .sub-link, #nav .sub-link2 {display:block !important;height:67px !important}
}
@media only screen and (max-width:450px) {
	#content .content-article .content-article-cell {display:block !important;width:100% !important;text-align:center}
	#content #title h1 {text-align:center}
	#content .content-article img {padding-right:0 !important}
	#content .content-article-text {padding-top:0 !important}
	.domaine {border-bottom:0 none !important}
	.domaine div {float:none !important;clear:both !important;display:block !important;width:100% !important}
	.ui-content h8 {text-align:center !important}
}
@media only screen and (max-width:580px) {
	.sl3 {left:66% !important}
	.sl4 {left:75% !important}
	.sl5 {left:81% !important}
}
@media only screen and (max-width:460px) {
	.sl2 {left:21% !important}
	.sl3, .sl4, .sl5 {display:none !important}
	.sl8 {left:77% !important}
}
@media only screen and (max-width:410px) {
	.sl2 {left:16% !important}
	.cmenu img {display:block !important;margin:0 auto !important}
}
@media only screen and (max-width:400px) {
	.sl6 {top:55% !important;left:21% !important}
	.sl7 {top:69% !important;left:11% !important}
	.sl8 {top:15% !important;left:37% !important}
}
@media only screen and (max-width:370px) {.sl2 {left:17% !important}}
@media only screen and (max-width:370px) {.sl2 {left:13% !important}}
@media only screen and (max-width:350px) {.sl2 {left:9% !important}}
@media only screen and (max-width:340px) {
	.sl6 {left:18% !important}
	.sl7 {left:7% !important}
	.sl8 {left:37% !important}
}
@media only screen and (max-width:330px) {
	.site-profile {width:100% !important;max-width:258px !important}
	.site-profile img {display:block;width:100% !important;max-width:255px !important;height:auto !important}
	.sl2 {left:7% !important}
}
/* BACK TO TOP */
.cd-top {display:inline-block;height:30px;width:30px;position:fixed;bottom:15px;right:10px;box-shadow:0 0 10px rgba(0, 0, 0, 0.05);overflow:hidden;text-indent:100%;white-space:nowrap;background:#2E2E2E url(../img/cd-top-arrow.svg) no-repeat center 50%;visibility:hidden;opacity:0;-webkit-transition:opacity .3s 0s, visibility 0s .3s;-moz-transition:opacity .3s 0s, visibility 0s .3s;transition:opacity .3s 0s, visibility 0s .3s;z-index:9999;border:1px solid #3792DE}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {-webkit-transition:opacity .3s 0s, visibility 0s 0s;-moz-transition:opacity .3s 0s, visibility 0s 0s;transition:opacity .3s 0s, visibility 0s 0s}
.cd-top.cd-is-visible {visibility:visible;opacity:1}
.cd-top.cd-fade-out {opacity:.5}
.cd-top:hover {background-color:#2E2E2E;opacity:1}
@media only screen and (min-width: 768px) {.cd-top {right:20px}}
@media only screen and (min-width: 1024px) {.cd-top {height:30px;width:30px;right:10px;bottom:15px}}