html, body, div, span, h1, h2, ul, p, img  { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
body { background-color:#333740; color: #fff; font:14px 'Titillium Web', sans-serif; }
a, h1, h2 { color:#fff; font-family:'Titillium Web', sans-serif; text-decoration:none; }
a:hover { color:#00aeef;}
ul { list-style:none;}

#left { bottom:0; left:0; position: fixed; top:0; width:50%; }
#left #logo { background:url(images/logo2.png) no-repeat center center; background-size: contain; border-bottom:1px solid #00aeef; height:40%; position:absolute; top:0; width:100%;}
#left #logo h1 { font-size:18px; position:absolute; right:5%; text-align:right; top:45%; width:50%; display:none;}
#right { background-color:#425166; bottom:0; position:fixed; overflow:hidden; right:0; top:0; width:50%; }
#right img { display:block; height:100%; width:auto;}

.contact { position:absolute; right:40px; bottom:39px;}
.contact ul li { float:left; font-size:16px; font-weight:300;}
.contact ul li a { color:#FFF; font-size:16px;}
.contact ul li span { color:#00aeef; display:inline-block; padding:0 6px;}
.contact ul.ville{color: #00aeef; float: right;}

.social-sharing { position:absolute; right:41px; top:40%;}
.social-sharing ul { list-style:none; }
.social-sharing ul li { float:left; margin-right:9px; }
.social-sharing ul li a { background-image:url(images/ss-icons.png); display:block; height:32px; width:33px; transition:opacity 0.3s ease;}
.social-sharing ul li a:hover { opacity:0.8;}
.social-sharing ul li a.fb { background-position:0 0;} 
.social-sharing ul li a.pin { background-position:-37px 0;}
.social-sharing ul li a.tw { background-position:-74px 0;}
.social-sharing ul li a.in { background-position:-111px 0;}
.social-sharing ul li a.be { background-position:-148px 0;}
.last { margin-right:0 !important; }

.links { /*overflow:hidden; height:43%;*/ position:absolute; top:47%; right:5%; width:90%;}
.links ul { list-style:none; margin-top:17px; min-height:110px; float:left; width:33%}
.links ul li{color:#b4b4b4;}
.links ul li span { color:#00aeef; font-size:14px;}
.links ul li a { color:#b4b4b4; }
.mail a:hover{color:#00aeef;}
.mail a{transition:color 0.3s ease;}

#footer { background-color:#00aeef; position:absolute; bottom:0; height:29px; padding-left:17.2%; line-height:29px; width:82.8%; font-size:12px;}

@media only screen and (min-width: 1440px) {
.links .column { float:left; width:49%;}
.links { right:5%; width:60%;}
.links ul { float:none; height: auto; width:100%;}
}
@media only screen and (max-width: 800px) {
.links .column { float:left; width:49%;}
.links { width:80%}
.links ul { float:none; height:auto; width:100%;}
}
@media only screen and (max-width: 799px) {
body { background-color:#405164; }
#left, #left #logo {  position:relative;}
#left {background-color:#333740; overflow:hidden; width:100%;}
#right{width:0;height:0;display:none;visibility:collapse;}
#left #logo { background:url(images/logo-mobile.png) no-repeat center 10px; background-size:auto; height: auto; padding-top:80px; padding-bottom: 10px;}
#left #logo h1 { display:block; margin-bottom:10px; position:relative; right:auto; text-align:center; top:auto; width:100%;}
.contact { right:0; top:auto; bottom:auto; position:relative; width:100%}
.contact ul li { float: none; width:100%; text-align:center}
.contact ul li a { color:#FFF; border-bottom:1px solid #00aeef; font-size:13px;}
.contact ul li:last-child a { border:none;}
.contact ul li span { display:none;}
.contact ul.ville{color: #00aeef; float: none;}

.social-sharing { right:0; width:100%; position:relative; overflow:hidden; margin-top: 15px }
.social-sharing ul { list-style:none; width:160px; margin:0 auto; }
.social-sharing ul li { float:left; margin-right:1.5%; }
.social-sharing ul li a { height:29px; width:30px; }

.links {width:90%; padding:10px 5%; position:relative; top:0; right:auto;padding-bottom:40px;}
.links .column { float:none; width:100%;}
#footer { padding:0; text-align:center; width:100%; position:fixed; bottom:0;}
}