/* 
    Document   : style
    Created on : 13-apr-2011, 14:34:38
    Author     : Glenn
    Description:
        Purpose of the stylesheet follows.
* Some icons by Yusuke Kamiyamane (http://p.yusukekamiyamane.com/icons/). All rights reserved.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}
ul, ol {
    margin-left:15px;
}
* {
    margin:0;
    padding:0;
    font-family:"Arial", "Corbel", sans-serif;
}
hr {
    display:block;
    clear:both;
    border:none;
    height:1px;
    visibility:hidden;
}
a img {
    border:none;
    outline:none;
}
body {
    font-size:12px;
    background:black;
    color:white;
}
body, html {
    width:100%;
    height:100%;
}
body {
    background:black url("/img/background.jpg") left top no-repeat;
}
p {
    line-height: 20px;
}
a {
    color:#65b5e3;
}
.clear {
    clear:both;
    height:1px;
}
.last {
    margin-right:0 !important;
}
#uparrow {
    float:right;
    padding:3px;
    background:#65B5E3;
    border-radius:5px;
    position:absolute;
    margin-left:937px;
    z-index:5;
}
.smallBanner {
    display:none;
    background:#E2E2E2;
    text-decoration: none;
    padding:6px;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    position:relative;
    top:-3px;
    z-index:4;
}
.smallBanner a {
    color: #242021;
    text-shadow: 1px 1px white;
    text-decoration: none;
}
.smallBanner a:hover {
    text-decoration: underline;
}
#header {
    background:url("/img/header_bg.jpg") left top repeat-x;
}
.container {
    width:960px;
    margin:0 auto;
}
a#logo {
    float:left;
}
#header ul#mainMenu {
    float:right;
    margin-top:44px;
}
#header ul li {
    display:inline;
    list-style-type:none;
    width:70px;
}
#header ul li ul li {
    display:block;
}
#header ul li ul li a {
    color:white;
}
#header ul li div.submenu {
    position:absolute;
    margin-top:44px;
    padding-top:8px;
    background:url("/img/submenu_bg.png") 20px top no-repeat;
    display:none;
    width: 275px;
    z-index:8;
}
div.submenu ul {
    background:#1b88c6;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
}
#header ul li li a {
    float:none;
    background:url("/img/submenu_item.png") 20px center no-repeat;
    padding:5px 20px;
    padding-left:40px;
    width:200px;
    display:block;
    margin-right:0;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
}

#header ul li li a:hover {
    background:#49a0d1 url("/img/submenu_item.png") 20px center no-repeat;
}
#header ul li a {
    color:#3e3a3b;
    text-decoration:none;
    font-weight:bold;
    font-size:14px;
    float:left;
    padding:10px;
    margin-right:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    display:block;
    text-transform: lowercase;
}
#disqus_thread {
    margin-top:20px;
}
#socialMedia {
    border-bottom: 1px solid #35444D;
    border-top: 1px solid #35444D;
    height: 21px;
    padding-bottom: 20px;
    padding-top: 20px;
}
#header ul li a.active {
    background:url("/img/menu_bg.jpg") left top repeat-x !important;
    color:white;
    border:2px solid black;
}
#header ul li a:hover {
    background:#ececec;
}
div.banner div.info {
    width:328px;
    padding:30px;
    background:black url("/img/banner_bg.jpg") left top repeat-x;
    position:absolute;
    margin-top:34px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    border:2px solid black;
    z-index:2;
}
.blueLink, #newsLink {
    font-weight:bold;
    color:white;
    text-decoration: none;
    border:none;
    background:#65b5e3;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    padding:10px;
    display:block;
    float:left;
    margin-top:19px;
}
h1 {
    color: #65B5E3;
    text-transform: uppercase;
    font-style:italic;
    text-shadow:1px 1px 0 black;
    font-size: 24px;
    margin-bottom:10px;
}
#newsLink {
    background:#3b3b3b url("/img/rss_button.gif") 10px center no-repeat;
    padding-left:35px;
    float:right;
}
div.banner div.pic {
    float:right;
    -moz-box-shadow:10px 10px 20px black;
    -webkit-box-shadow:10px 10px 20px black;
    box-shadow:10px 10px 20px black;
}
div.banner div.pic img {
    height:300px;
    width:700px;
    position:absolute;
    z-index:1;
}
div.pic {
    width:700px;
    height:300px;
}
.banner {
    display:none;
}
#banners {
    height:300px;
}
div.banner h2, div#realisations h2{
    font-size:24px;
    text-transform: uppercase;
    margin-bottom:20px;
    color:#65b5e3;
    font-style:italic;
}
div#banners {
    margin-top:42px;
    margin-bottom:60px;
}
div#footer {
    clear:both;
    background:#e4e4e4 url("/img/footer_bg.jpg") left top repeat-x;
    margin-top:80px;
}
div#footer #twitterfeed {
    float:left;
    background:#e2e2e2;
    padding:30px 20px 20px 20px;
    width:420px;
}
#twitterfeed h2 {
    color:#242021;
    text-transform:uppercase;
    font-style:italic;
    margin-bottom:17px;
}
#tweetLink {
    color:#65b5e3;
    background: url("/img/twitter.png") left center no-repeat;
    text-decoration: none;
    padding-left:55px;
    clear:both;
    display:block;
   margin-top:10px;
    height:40px;
    padding-top:10px;
}
.tweet_text {
    color:#242021;
    text-shadow:1px 1px white;
}
ul.tweet_list {
    list-style-type:none;
}
.tweet_avatar {
    display:none;
}
.tweet_time {
    display:block;
    margin-top:5px;
}
.tweet_text a{
    text-decoration: none;
}
.tweet_text a:hover {
    text-decoration: underline;
}
.tweet_time a {
    color:#9f9f9f;
    text-decoration: none;
    text-shadow:1px 1px white;
    
}
ul.tweet_list li {
    padding-bottom:15px;
    margin-bottom:15px;
    border-bottom:1px solid #c1c1c1;
    box-shadow:0 1px 0 white;
}
#infobox {
    float:left;
    margin-left:30px;
    color:#242021;
    padding-top:30px;
    line-height:20px;
    width:450px;
    background:url("/img/footer_logo.jpg") right top no-repeat;
}
.shadowBox {
    padding:24px;
    background:black;
    border-top:1px solid #35444d;
    background:rgba(0,0,0,0.7);
}
#fancybox-content {
    border: 0 solid rgba(0,0,0,0.7);
}
#fancybox-outer {
    background: none;
}
#bannerMenu li {
    list-style-type:none;
    display:inline;
}
#bannerMenu {
    float:right;
    margin-top:20px;
}
#bannerMenu li a {
    float:left;
    text-decoration: none;
    background:url("/img/btnSlideshow.png") left center no-repeat;
    display:block;
    width:12px;
    height:12px;
    margin-left:12px;
    outline:none;
}
#bannerMenu li a.active {
    background:url("/img/btnSlideshowActive.png") left center no-repeat;
}
#crumbs {
    margin-bottom:12px;
}
#crumbs a:hover {
    text-decoration: underline;
}
#crumbs a {
    text-decoration: none;
    font-weight:bold;
}
.addthis_button_netlog {
    background:white;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}
#___plusone_0 {
    float:right !important;
}
.addthis_button_facebook_like {
    margin-left:20px;
    float:right !important;
}
.addthis_toolbox {
    float:left;
}
#pageContent h2 {
    text-transform: uppercase;
    font-style: italic;
    font-size:15px;
    margin-top:25px;
}
form input, form textarea {
    color:#939393;
    background:#3b3b3b;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius:8px;
    padding:5px;
    display:block;
    border:none;
    font-size:12px;
    float:left;
}
form input[type=text] {
    width:260px;
}
form textarea {
    width:450px;
    height:100px;
}
form input:focus, form textarea:focus {
    color:#3b3b3b;
    background:white;
}
.offerteLink {
    font-weight:bold;
    color:white;
    text-decoration: none;
    border:none;
    background:#3b3b3b url("/img/offerte_button.gif") 10px center no-repeat;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    padding:10px 10px 10px 40px;
    float:left;
    margin-top:20px;
    display:block;
}
#langContainer {
    background:none repeat scroll 0 0 #E2E2E2;
    border-bottom: 1px solid #C1C1C1;
    box-shadow: 0 1px 0 white;
}
#langContainer .container  a {
    text-decoration: none;
    font-weight:bold;
}
#langContainer .container a:hover {
    text-decoration: underline;
}
#langContainer .container {
    color:#242021;
    text-align:right;
    text-shadow: 1px 1px white;
    padding:5px 0;
}
ul.highlight {
    list-style-type: none;
}
ul.highlight li {
    padding-left:20px;
    background:url("/img/tick-circle.png") left top no-repeat;
    padding-bottom:5px;
    font-weight:bold;
    font-style:italic;
    font-size:14px;
    min-height:20px;
    color:white;
}