/* 3LIZ corporate website Cascading Style Sheet - Copyright 3LIZ company - All right reserved */

body {padding: 0;margin: 0;background: #bedf32 url(img/sky.jpg) no-repeat center top;color: #333333;width: 100%;display: table;font-family:Book Antiqua, georgia;}
h1 {margin: 0;padding: 0;}

#header {width: 900px;height:238px;margin:0 auto;background: transparent;}
#header h1 {position:relative;top:45px;left:350px;color:#333333;width:550px;}
#header h2{position:relative;top:130px;left:5px;color:#333333;font-size:20px;letter-spacing:2.5px;}
#header p{position:relative;top:15px;left:440px;width:420px;color:#333333;background: url(img/bckp.png) repeat-x;padding:20px;}
#header h1 {position:relative;top:45px;left:350px;color:#333333;width:550px;}

#logo {position:absolute;top:0;left:0;width:390px;height:277px;margin:0;float:left;background:url(img/3liz-logo.png) right top no-repeat;}

#content {width: 900px;height:auto;min-height:860px;margin: 0 auto;background: #fff;border: solid 1px #ccc;background: #FFFFFF;}

ul.topnav {list-style: none;padding: 0 10px;margin: 0;float: left;width: 880px;background: #222;font-size: 1em;background: url(img/topnav_bg.gif) repeat-x;}
ul.topnav li {float: left;margin: 0;padding: 0 15px 0 0;position: relative;top:0;left:0;}
ul.topnav li.link {float: right;margin: 0;}
ul.topnav li.flags {float: right;margin: 0;	padding: 2px 5px 0 0;}
ul.topnav li a{padding: 10px 5px;color: #fff;display: block;text-decoration: none;float: left;}
ul.topnav li a:hover{background: url(img/topnav_hover.gif) no-repeat center top;}
ul.topnav li a.home:hover{color:#7bd91e;}
ul.topnav li a.labs:hover{color:#c3e433;}
ul.topnav li.flags a:hover{background: #333333;}
ul.topnav li span {width: 17px;height: 35px;float: left;background: url(img/subnav_btn.png) no-repeat center top;}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;}
ul.topnav li ul.subnav {list-style: none;position: absolute; left: 0; top: 34px;background: #333;margin: 0; padding: 0;display: none;float: left;width: 170px;-moz-border-radius-bottomleft: 5px;-moz-border-radius-bottomright: 5px;-webkit-border-bottom-left-radius: 5px;-webkit-border-bottom-right-radius: 5px;border: 1px solid #111;}
ul.topnav li ul.subnav li{margin: 0; padding: 0;border-top: 1px solid #252525;border-bottom: 1px solid #444;clear: both;width: 170px;}
html ul.topnav li ul.subnav li a {float: left;width: 145px;background: #333333;padding-left: 20px;padding:4px;text-indent:10px;margin:0;}
html ul.topnav li ul.subnav li a:hover {color:#7bd91e;background:#424141;padding-right: 20px;}

.flags a span, .flags a:visited span {display:none;}
.flags a:hover span.fr {position:absolute;top:-30px;right:25px;display:block;margin:0;padding:0;font-size:1em; background:transparent; color:#333333;font-size:0.8em;}
.flags a:hover span.en {position:absolute;top:-30px;right:20px;px;display:block;margin:0;padding:0;font-size:1em; background:transparent; color:#333333;font-size:0.8em;}

#left{margin:0;margin-left:10px;width:595px;float:left;height:500px;}
#left h1{margin:10px 0 0 0;color:#7bd91e;font-size:1.6em;}
#left h1.special{margin:15px 0 10px 0;color:#7bd91e;font-size:1.6em;}
#left h1.labs {color:#c3e433;}
#left h1 span.black {color:#333333;}
#left h1 span.labs {color:#c3e433;}
#left h2{margin:0;margin-top:25px;margin-bottom:15px;color:#333333;font-size:1.5em;text-align:center}
#left h2.special{padding:0;margin:0;color:#E0E0E0;font-size:1em;text-align:left}
#left h2.team{margin-top:10px;margin-left:20px;margin-bottom:10px;display:block;color:#333333;font-size:1.1em;text-align:left}
#left h2.team span{margin:0;margin-bottom:10px;display:inline;color:#CCCCCC;font-size:0.9em;text-align:left}
#left h3.team{margin-top:5px;margin-left:20px;display:block;color:#CCCCCC;font-size:0.9em;text-align:left}
#left a{color:#000000;text-decoration:none;font-weight:bold;}
#left a:hover{color:#333333;text-decoration:underline;}
#left p{margin:10px 0 10px 0;background:#E0E0E0;color:#333333;padding:10px;font-size:0.9em;text-align:justify;}
#left p span.black {color:#333333;font-weight:bold;}
#left p span.labs {color:#c3e433;font-weight:bold;}
#left p.postpad{margin:10px 0 0 0;background:#E0E0E0;color:#333333;padding:10px;font-size:0.9em;text-align:justify;padding-bottom:12px;}
#left a.postbot {float:right;width:210px;margin:0;margin-bottom:10px;margin-top:-5px;background:#E0E0E0;color:#333333;padding:0 10px 5px 10px;font-size:0.7em;text-align:right;}
#left p.post{float:left;display:block;margin:10px 0 2px 0;background:#E0E0E0;width:415px;height:69px;color:#333333;padding:10px;font-size:0.8em;text-align:justify;}
#left p.postr{float:left;display:block;margin:5px 0 2px 0;background:#E0E0E0;width:415px;height:49px;color:#333333;padding:10px;font-size:0.8em;text-align:justify;}
#left p.post2{float:right;display:block;margin:10px 0 20px 0;background:#E0E0E0;width:415px;height:99px;color:#333333;padding:10px;font-size:0.8em;text-align:justify;}
#left p.postspe{margin:10px 0 0 0;background:#7bd91e;color:#333333;padding:10px;font-size:0.9em;text-align:justify;}
#left p.postteam{float:right;width:425px;height:140px;margin:0 0 25px 0;background:#E0E0E0;color:#333333;padding:10px;font-size:0.8em;text-align:justify;}
#left p.postteam img{border:0;vertical-align:bottom;margin-right:10px;margin-top:5px;}
#left p.postteam a:hover{text-decoration:none;}
#left p.post span{display:block;margin:0px 0 0 0;color:#000000;}
#left ul{margin:0;background:#E0E0E0;color:#333333;padding:0px;padding-bottom:15px;font-size:0.9em;list-style:square;}
#left li{margin:0;margin-left:50px;background:#E0E0E0;color:#333333;padding:0px;font-size:0.9em;list-style:square;}
#left img.postpic{float:left;display:block;margin:10px 10px 0 0;border:5px solid #E0E0E0;}
#left img.postpicr{float:left;display:block;margin:5px 5px 0 0;border:5px solid #E0E0E0;}
#left img.postpic2{float:left;display:block;margin:10px 0 20px 0;border:5px solid #E0E0E0;}
#left img.projpic{float:left;display:block;margin:10px 0 0 0;border:5px solid #FFFFFF;}
#left img.picteam{float:left;display:block;margin:0 0 45px 20px;border:0;padding:10px;background:#E0E0E0;}

.myform{margin:0 auto;width:575px;padding:10px;}
#stylized{border:0;background:#E0E0E0;}
#stylized h1 {font-size:14px;font-weight:bold;margin-bottom:8px;}
#stylized p{font-size:0.9em;background:transparent;padding:0;color:#333333;margin-bottom:20px;border-bottom:0;}
#stylized label{display:block;font-weight:bold;text-align:right;width:140px;float:left;}
#stylized .small{color:#666666;display:block;font-size:11px;font-weight:normal;text-align:right;width:140px;}
#stylized input{display:block;float:left;font-size:12px;padding:4px 2px;border:solid 1px #666666;width:400px;margin:2px 0 13px 10px;}
#stylized input:hover{border:solid 1px #7bd91e;}
#stylized button{margin:0 auto;width:125px;height:31px;background:transparent url(img/button.png) no-repeat;text-align:center;color:#FFFFFF;font-size:0.8em;font-weight:normal;border:0;}
#stylized button:hover{color:#7bd91e;}

#map{margin:0;width:595px;height:400px;background:#E0E0E0;}
#map-projet{margin:0;width:595px;height:323px;background:#E0E0E0;}
#maplayers{width:275px;height:400px;color:#333333;margin:0;background:#7bd91e;font-size:0.9em;}
#maplayers h3{color:#333333;margin:0;font-size:1.1em;margin-top:10px;margin-left:10px;}
#right ul.map{width:265px;text-align:left;list-style:none;color:#333333;margin:0px;padding:10px 0px 0 10px;}
.olHandlerBoxZoomBox {border: 2px solid #7bd91e;position: absolute;background-color: white;opacity: 0.50;font-size: 1px;filter: alpha(opacity=50);}
.olControlPanel div { display:block;width:  28px;height: 28px;margin: 5px;}
.olControlPanel .olControlZoomInItemInactive {background-color: transparent;background-image: url("img/zoomin.png");}
.olControlPanel .olControlZoomOutItemInactive {background-color: transparent;background-image: url("img/zoomout.png");}
.olControlPanel .olControlZoomToMaxExtentItemInactive {background-image: url("img/zoomtoloc.png");}
div.olControlMousePosition {font-family:arial;font-size:0.8em;background-color:#9d9d9d;bottom:0px;right:0px;margin:10px;padding:5px;height:17px;width:150px;color:#333333;text-align:center;}
div.olControlAttribution {bottom:5px;left:10px;padding:0;display:none;}
.olPopupCloseBox {background:url("img/close.png") no-repeat scroll 0 0 transparent; cursor: pointer; padding: 2px;}
.olLayerGoogleCopyright {left:3px;bottom:2px;display:none;}
.olLayerGooglePoweredBy {left:0;bottom:0;}
#logocontrol{left:5px;bottom:5px;}

#right{width:275px;float:right;margin-right:10px;}
#right h1.special{margin:10px 0 0 0;color:#a6a6a6;font-size:1.6em;}
#right h1{margin:10px 0 0 0;color:#333333;font-size:1.6em;}
#right h2{margin:5px 0 0 0;color:#E0E0E0;font-size:1.2em;}
#right ul{list-style:square;color:#333333;margin:10px 0 0 0;background:#7bd91e;font-size:0.9em;}
#right ul.labs{list-style:square;color:#333333;margin:10px 0 0 0;background:#7bd91e;font-size:0.9em;height:590px;}
#right ul.grey{height:100px;list-style:square;color:#333333;margin:12px 0 0 0;padding-top:5px;background:#E0E0E0;font-size:0.9em;}
#right ul.greyh{height:400px;list-style:square;color:#333333;margin:12px 0 0 0;padding-top:5px;background:#E0E0E0;font-size:0.9em;}
#right li{padding:7px 2px 3px 0;}
#right li a{color:#333333;text-decoration:none;}
#right li a:hover{color:#000000;text-decoration:underline;}
#right p{margin:0px 0 0 0;background:#ECECEC;color:#333333;padding:10px;font-size:0.9em;text-align:justify;}
#right p.green{margin:10px 0 0 0;background:#7bd91e;color:#333333;padding:10px;font-size:0.9em;text-align:justify;}
#right p.cont{font-size:0.8em;}
#right p.cont a{color:#000000;text-decoration:none;}
#right p.cont a:hover{color:#333333;text-decoration:underline;}

#right img{margin:10px 0 0 0;background:#E0E0E0;border:0;padding:5px;tex-align:center;}
#right img.clean{margin:0;background:#FFFFFF;border:0;padding:0;}
#right img.spe{margin:0 0 0 0;background:#7bd91e;border:0;padding:5px;tex-align:center;}
#right img.small{margin:0 0 0 0;background:transparent;border:0;padding:0px;tex-align:center;}

#tweetcontainer {width: 275px;height:158px;margin-top:10px;background:#7bd91e;font-size:12px;}
.twitted {margin-bottom: 10px;background:#transparent;}
.twitted p.preLoader {margin: 0 auto;height:138px;background:url("loader.gif") no-repeat;}
.twitted ul#twitter_update_list {margin: 0;padding: 0 0.8em;list-style-type: none;}
.twitted ul#twitter_update_list li {margin: 0;padding: 9px 0 0 0;border-bottom:0;}
.twitted ul#twitter_update_list li span {display: block;}
.twitted ul#twitter_update_list li span a {color: #00f;}
.twitted ul#twitter_update_list li a {color: #707070;}

#imap {width:275px; height:163px; background:url(img/bckabout.png) no-repeat; position:relative;margin:10px 0 10px 0;padding:0;float:left;}
#imap dd {position:absolute; padding:0; margin:0;}
#imap #pic_consult {left:23px; top:15px; z-index:20;}
#imap #pic_develop {left:108px; top:16px; z-index:20;}
#imap #pic_train {left:193px; top:16px; z-index:20;}
#imap #pic_comp {left:23px; top:82px; z-index:20;}
#imap #pic_team {left:106px; top:83px; z-index:20;}
#imap #pic_cont {left:192px; top:83px; z-index:20;}
#imap a#consult{display:block; width:62px; height:56px; background:transparent url(img/bckconsult.png) -100px -100px no-repeat; text-decoration:none; z-index:20;}
#imap a#develop{display:block; width:62px; height:56px; background:transparent url(img/bckdevelop.png) -100px -100px no-repeat; text-decoration:none; z-index:20;}
#imap a#train{display:block; width:62px; height:56px; background:transparent url(img/bcktrain.png) -100px -100px no-repeat; text-decoration:none; z-index:20;}
#imap a#comp{display:block; width:62px; height:56px; background:transparent url(img/bckcomp.png) -100px -100px no-repeat; text-decoration:none; z-index:20;}
#imap a#team{display:block; width:62px; height:56px; background:transparent url(img/bckteam.png) -100px -100px no-repeat; text-decoration:none; z-index:20;}
#imap a#cont{display:block; width:62px; height:56px; background:transparent url(img/bckcont.png) -100px -100px no-repeat; text-decoration:none; z-index:20;}
#imap a span, #imap a:visited span {display:none;}
#imap a#consult:hover, #imap a#develop:hover, #imap a#train:hover, #imap a#comp:hover, #imap a#team:hover, #imap a#cont:hover {background-position:0 0;}
#imap a:hover span {position:absolute; width:250px; display:block;font-size:1em; background:transparent; color:#7bd91e;font-size:1.4em;}
#imap a:hover span.corp  {position:absolute; width:250px; display:block;font-size:1em; background:transparent; color:#333333;font-size:1.4em;}
* html #imap a:hover span {width:400px; w\idth:388px;}
#imap a#consult:hover span {left:90px; top:-54px;}
#imap a#develop:hover span {left:5px; top:-55px;}
#imap a#train:hover span {left:-80px; top:-55px;}
#imap a#comp:hover span {left:90px; top:-121px;}
#imap a#team:hover span {left:7px; top:-122px;}
#imap a#cont:hover span {left:-79px; top:-122px;}
#imap a span:first-line {font-weight:bold; font-style:none;}


#thumbs {list-style:none; height:80px;margin:0; padding:0;background:#FFFFFF;}
#thumbs li {vertical-align:top;text-align:center;float:left;margin-left:8px;margin-right:5px;margin:0;}
#thumbs img {vertical-align:top; border:none;margin:0;padding:0;}
#thumbs a {display:block;padding-top:0;margin:0; padding:5px;margin-right:6px; outline:none;}

#thumbs a:hover, #thumbs a:focus {background:#E0E0E0;}

#thumbs a.active {background:#E0E0E0;}

#viewer {position:relative; width:255px; height:160px; margin:0px;padding:0;}

#viewer img{float:left;margin:0;padding:0; background:#FFFFFF;width:255px;height:160px;}
#viewer img[src*="loader"] { width:16px; height:16px;position:absolute; left:50%; top:50%; margin:-15px 0 0 -15px;}
#viewer p{margin:0;padding:0;}

#footer{width: 900px;height:300px;margin: 0 auto;background:#222222;border:0;}
#footer p{clear:left;font-weight:bold;text-align:center;font-size:0.8em;color:#333333;margin:0;padding:0;}

.nav {float:left;height:225px; width:160px;margin:10px;margin-right:0;padding:10px;background:transparent;}
.nav h2 {font-size:1.2em;color:#333333;margin:0;padding:0;}
.nav ul{display:block;font-size:0.9em;color:#333333;margin:0;padding:10px;list-style-image: url(img/puce.png);}
.nav li {font-size:0.9em;background:transparent;margin:0;margin-top:4px;margin-left:10px;padding:0;text-decoration:none;}
.nav li a{text-decoration:none;color:#333333;letter-spacing:2px;}
.nav li a:hover{text-decoration:underline;color:#707070;}

.flabs {float:left;height:225px; width:382px;margin:10px;padding:10px;background:transparent;}
.flabs h2 {font-size:1.2em;color:#333333;margin:0px 0 5px 0;padding:0;}
#tech{height:240px; width:385px;background:transparent;font-size:0.9em;}
#tech li a{color:#707070;text-decoration:none;}
#tech li a:hover{color:#707070;text-decoration:underline;}

.adds {float:left;height:225px; width:255px;margin-top:12px;margin-left:2px;margin-bottom:0;padding:10px;background:transparent;}
.adds h2 {font-size:1.2em;color:#333333;margin:0 0 0 0;padding:0;}
.adds ul{display:block;font-size:0.9em;color:#333333;margin:0;padding:10px;list-style-image: url(img/puce.png);}
.adds li {font-size:0.9em;background:transparent;margin:0;margin-top:4px;margin-left:10px;padding:0;text-decoration:none;}
.adds li a{text-decoration:none;color:#333333;letter-spacing:2px;}
.adds li a:hover{text-decoration:underline;color:#707070;}