/* 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{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1,2;}
ol, ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,q:before, q:after{content:'';content:none;}
/* remember to define focus styles! */
:focus{outline:0;}
/* remember to highlight inserts somehow! */
ins{text-decoration:none;}
del{text-decoration:line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:collapse;border-spacing:0;}
a:link {text-decoration:none;color:#FA4;}
a:visited {text-decoration:none;color:#FA4;}
a:focused {text-decoration:none;color:#FA4;}
a:hover{text-decoration:none;color:#5B6;}
/* PAGE CSS */
hr.clear {clear:both;border:1px dotted transparent;}
p {padding-bottom:6px;}
#contentWrapper {padding-top: 55px;}
#websiteContainer{background:#fff url('/images/design/blackGradientBg.jpg') repeat-x 0 0;}
#topMenu{}
li.topMenu{}
a#frFlag {background:transparent url('/images/France-Flag-16.png') no-repeat 8px 11px;padding-left: 30px;}
.topnavdropdown{}
ul.topnavdropdown {}
ul.topnavdropdown li {}
#masthead {margin:0 auto;}
#logo {margin: 0 auto;padding: 0;}
#logo img{max-width: 80%;max-height: 50px;margin: 2px auto;text-align: center;}
#contentContainer{padding: 20px 15px;
margin: 50px auto;
line-height: 150%;}
#first_article {border-right:1px solid #2BF;text-align:right;}
#first_article .main {border-right:1px solid #dff; padding:0 10px 0 250px;}
#boxes {margin:20px 0 0;padding:20px 0 0;border-top:1px dotted #c1c1c1;}
#colorizedBoxes {width:425px;float:left;}
#UserfriendlyCMS {background-color: #dfd ;-moz-border-radius:10px;margin-bottom:10px;padding:10px;height:70px;overflow:hidden;}
#CrossplatformCompatibility {background-color: #dff ;-moz-border-radius:10px;margin-bottom:10px;padding:10px;height:70px;overflow:hidden;}
#SEO {background-color: #fed ;-moz-border-radius:10px;margin-bottom:10px;padding:10px;height:70px;overflow:hidden;}
.tagCloud {background-color:#dff;float:left;height:290px;margin-left:10px;width:335px;-moz-border-radius:10px;}
/* .tagCloudPotlek {float:left;height:290px;margin-left:40px;width:335px;} */
.tagCloudPotlek {display:none;}
#blackContainer {background: url(/images/design/blackGradientBgFooter.jpg) repeat-x scroll center -15px #000;width:100%;padding:20px 0 0;}
#blackContainer .columns {width:100%;max-width:800px;margin:0 auto; padding:0;}
.column1 {width:170px;float:left; margin:5px;padding:5px;}
.column2 {width:200px;float:left; margin:5px;padding:5px 10px; border-left:1px dotted #666; border-right:1px dotted #666;}
.column3 {float:left;padding:0 10px;width:200px;}
.column4 {float:left;padding:0 0 0 10px;width:140px;border-left:1px dotted #666;}
#custom_search{margin:20px 0 5px;border-bottom:1px dotted white;border-top:1px dotted white;padding:10px 0 20px;}
#searchtext {width:100%;}
#footer {padding:10px 0; text-align:center;}
a#fdbk_tab {background-image: url(/images/design/feedback_trans_tab.png);color:#FFF;cursor:pointer;height:102px;right:0;margin-left:-7px;overflow:hidden;position:fixed;text-indent:-100000px;top:25%;width:35px;z-index:100000;display:none;}
ul.navbar li {color:#5B6;list-style:square inside none;}
a#fdbk_tab:hover {padding-right:4px;}
#buttonad2 {padding-top:20px;}
/* TEXT CSS */
h2 {color:#2BF;font-size:18px;}
#contentContainer h2 {padding-bottom:10px;}
h3 {color:#FA4;font-size:15px;padding:10px 0 2px;}
h2 a{color:#2BF;font-size:18px;}
h3 a{color:#FA4;font-size:15px;}
body{color:#666666;font-size:12px;font-family:arial;}
a.toptextlinks:link{color:#fff;padding-left:10px;}
a.toptextlinks:visited{color:#fff;padding-left:10px;}
a.toptextlinks:focused{color:#fff;padding-left:10px;}
a.toptextlinks:hover{color:#f93;padding-left:10px;text-decoration:none;}
.topnavdropdown .button:link{color:#fff;padding:5px;}
.topnavdropdown .button:visited{color:#fff;}
.topnavdropdown .button:focused{color:#fff;}
.topnavdropdown .button:hover{color:#f93;text-decoration:none;}
#first_article h2.headline a {color:#22bbff;font-size:24px;text-align:right;}
.readmore {padding:2px 0 12px; font-weight:bold;}
a.button:link{color:#2bf;}
a.button:visited{color:#2bf;}
a.button:focused{color:#2bf;}
a.button:hover{color:#f93;}
#UserfriendlyCMS h2 {font-size:18px;font-weight:bold;color:#5b6;text-align:right;padding-right:10px;}
#CrossplatformCompatibility h2{font-size:18px;font-weight:bold;color:#2bf;text-align:right;padding-right:10px;}
#SEO h2{font-size:18px;font-weight:bold;color:#fa4;text-align:right;padding-right:10px;}
#colorizedBoxes p {}
#UserfriendlyCMS h2 a{color:#5b6;}
#CrossplatformCompatibility h2 a{color:#2bf;}
#SEO h2 a{color:#fa4;}
.content ul li, #contentContainer ul li {list-style:square inside none;padding-left:15px;}
.links {list-style:none outside none;}
#blackContainer {color:#c1c1c1;}
.navbar a.button:link{color:#c1c1c1;}
.navbar a.button:visited{color:#c1c1c1;}
.navbar a.button:focused{color:#c1c1c1;}
.navbar a.button:hover{color:#5B6;}
#footer {font-size:10px;}
/* Search */
#search_start_button {font-size:10px;margin: 4px 0 0 0;;}
#searchbox a {display:inline-block;font-size:9px;padding:5px 2px;}
/* Twitter */
.twtr-hd {display: none;}
.twtr-ft {display: none;}
/* meet us */
a:link,a{text-decoration:none; color:#FA4; font-weight:bold; }
a:visited{}
a:hover{text-decoration:underline; }
a:active{outline:none; }
#ba_about_container img{border:none; }
#ba_about_container a{cursor:crosshair;background:transparent url(http://www.blogads.com/meetus/imgbg4.png) no-repeat scroll 0 100%;color:#3C3C3C;display:block;font-weight:normal;height:162px;position:relative;width:136px;}
#ba_about_container a:hover span.ba_emp_desc{text-decoration:underline;}
/*#ba_about_container a:hover span.title{text-decoration:none;}
*/
#ba_about_container li{display:inline;float:left;margin:0;padding:0;width:136px;height:162px;list-style-type:none;background:white url(imgbg4.png) no-repeat scroll; }
#ba_about_emps .ba_about_info{width:136px;height:162px;background:white url(imgbg4.png) no-repeat scroll;}
.ba_emp_mask{display:block;height:120px;left:0px;overflow:hidden;position:absolute;top:8px;width:120px;}
#ba_about_container li a:hover .ba_emp_mask img,#ba_about_container li a.hover .ba_emp_mask img{margin-top:-120px;}
.ba_emp_desc{font-family:Trebuchet MS,'Lucida Sans',arial,helvetica;font-family:Arial, Helvetica, sans-serif;font-size:1em;color:#72634C;position:relative;top:130px;left:4px;line-height:1.3em;}
.ba_emp_desc .title{color:#333333;font-family:Arial,Helvetica,sans-serif;font-size:0.7em;display:none;}
#contactForm input,#contactForm select{display:block;margin:5px 0;width:250px;}
#message{height:150px;display:block;margin:5px 0;width:250px;}
#contactForm{float:left;width:450px;}
.photo.first {float:left; padding: 0 20px 8px 0;}
#fbb {display:none;}
/* Blog */
.blogContainer {width:550px;}
.blogContainer .headline {border-top:1px dotted gray;padding-top:10px;magrin-top:10px;clear: both;}
blockquote {margin:7px 0 7px 10px;padding: 5px 15px 5px 10px;font-style:italic;border-left:5px solid lightgray;text-align: justify;background-color: #F7F7F7; }
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {}
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
.tagCloud{display:none;}
#first_article .main {padding: 0 10px 0 150px;}
#colorizedBoxes {width: 100%;}
}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
.tagCloud{display:none;}
#first_article .main {padding: 0 10px 0 150px;}
#colorizedBoxes {width: 100%;}
.column1, .column2, .column3, .column4 {width: 50%;}
}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.tagCloud{display:none;}
#first_article .main {padding: 0 10px 0 10px;}
#colorizedBoxes {width: 100%;}
.column1, .column2, .column3, .column4 {width:40%;padding:2% 4%;margin-bottom:20px;}
.column2 {border-right:none;}
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
.tagCloud{display:none;}
#first_article .main {padding: 0 10px 0 10px;}
#colorizedBoxes {width: 100%;}
#logo {background-size: 100% auto;margin:auto;}
#contentContainer {padding: 0 12px;margin: 10px auto;}
.column1, .column2, .column3, .column4 {width: 90%;border:none;border-bottom: 1px dotted #666;padding: 5%;}
#UserfriendlyCMS, #CrossplatformCompatibility, #SEO {height:auto;padding:5% 5% 0;}
#UserfriendlyCMS h2, #CrossplatformCompatibility h2, #SEO h2 {border:none;}
}
/* iPhone4 */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px){
#websiteContainer {background:none;}
.tagCloud{display:none;}
#topMenu {position:static;text-align: left;height:auto;background: black;}
li.topMenu {display:block;}
#blackContainer .columns {max-width: none;}
.column1, .column2, .column3, .column4 {width:88%;padding:2% 4%;margin-bottom:20px;border:none;float:none;}
#contentContainer {padding: 12px;margin: 10px auto;}
}
/* Slidebars 0.8 - http://plugins.adchsm.me/slidebars/ Written by Adam Smith - http://www.adchsm.me/ Released under MIT License - http://plugins.adchsm.me/slidebars/license.txt */
html,body,#sb-site,.sb-slidebar{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html,body{width:100%;overflow-x:hidden}
html{min-height:100%}
body{height:100%}
#sb-site{width:100%;min-height:100%;position:relative;z-index:1;background-color:#fff}
.sb-slidebar{height:100%;width:30%;overflow-y:auto;position:fixed;top:0;z-index:0;visibility:hidden;background-color:#222}
.sb-static{position:absolute}
.sb-left{left:0}
.sb-right{right:0}
html.sb-active-left .sb-left,html.sb-active-right .sb-right{visibility:visible}
@media(max-width:480px){.sb-slidebar{width:60%}
}
@media(min-width:481px){.sb-slidebar{width:45%}
}
@media(min-width:768px){.sb-slidebar{width:40%}
}
@media(min-width:992px){.sb-slidebar{width:30%}
}
@media(min-width:1200px){.sb-slidebar{width:20%}
}
html.sb-anim-type-translate .sb-slide,html.sb-anim-type-side .sb-slide{-webkit-transition:-webkit-transform 400ms ease;-moz-transition:-moz-transform 400ms ease;-o-transition:-o-transform 400ms ease;transition:transform 400ms ease;-webkit-transition-property:-webkit-transform,left;-webkit-backface-visibility:hidden}
.navicon-line{width:24px;height:4px;border-radius:1px;margin-bottom:3px;background-color:#fff;}
.sb-toggle-left,.sb-toggle-right,.sb-open-left,.sb-open-right,.sb-close{cursor:pointer;}
/* --------------- * slidebars theme * * --------- * css index * * 001 - box model * 002 - site * 003 - slidebars * 004 - slidebar menus * 005 - slidebar widgets * 006 - top navigation bar * 007 - slidebar controls * * --------------- * 001 - box model *
/*{
/* Highly recommended to avoid any width alterations in the Slidebars or Site,which may cause horizontal scrolling. */
-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
/* ---------- * 002 - Site */
#sb-site{padding:65px 0 15px 0;}
/* --------------- * 003 - Slidebars */
.sb-slidebar{background-color:#000;
/* Background colour. */
color:#e8e8e8;
/* Text colour. */
}
.sb-slidebar a{color:#f2f2f2;
/* Link colour. */
text-decoration:none;}
.sb-slidebar a:hover{color:#49aef2;
/* Link hover colour. */
text-decoration:underline;}
/* -------------------- * 004 - Slidebar Menus */
/* Main Menu */
.sb-menu{
/* Apply to or . */
padding:0;margin:0;list-style-type:none;}
.sb-menu li{width:100%;padding:0;margin:0;border-top:1px solid rgba(255,255,255,0.1);
/* Will lighten any background colour you set. */
border-bottom:1px solid rgba(0,0,0,0.1);
/* Will darken any background colour you set. */
}
.sb-menu > li:first-child{border-top:none;
/* Removes top border from first list item.. */
}
.sb-menu > li:last-child{border-bottom:none;
/* Removed bottom border from last list item. */
}
.sb-menu li a{width:100%;
/* Makes links full width. */
display:inline-block;padding:1em;
/* Creates an even padding the same size as your font. */
}
.sb-menu li a:hover{text-decoration:none;background-color:rgba(255,255,255,0.05);
/* Will lighten any background colour you set. */
}
/* Borders */
.sb-left .sb-menu li a{border-left:3px solid transparent;}
.sb-left .sb-menu li a:hover{border-left:3px solid;
/* Removes transparent colour,so border colour will be the same as link hover colour. */
}
.sb-right .sb-menu li a{border-right:3px solid transparent;}
.sb-right .sb-menu li a:hover{border-right:3px solid;
/* Removes transparent colour,so border colour will be the same as link hover colour. */
}
/* Submenus */
.sb-submenu{
/*display:none; */
padding:0 0 0 5%;margin:0;list-style-type:none;background-color:rgba(255,255,255,0.15);
/* Submenu background colour. */
}
/* Caret */
span.sb-caret{width:0;height:0;display:inline-block;margin:0 5px;border:5px solid transparent;}
span.sb-caret{
/* Caret Down */
border-top:5px solid;border-bottom:0px solid transparent;}
.sb-submenu-active > span.sb-caret{
/* Caret Up */
border-top:0px solid transparent;border-bottom:5px solid;}
/* ---------------------- * 005 - Slidebar Widgets */
.sb-widget{border-radius:3px;border:1px solid rgba(255,255,255,0.1);
/* Will lighten any background colour you set. */
margin:14px;box-shadow:0px 0px 5px rgba(0,0,0,0.25);
/* Slight shadow. */
}
.sb-widget-header{border-bottom:1px solid rgba(0,0,0,0.1);
/* Will darken any background colour you set. */
padding:14px;background-color:#292929;
/* Widget title background colour. */
}
.sb-widget-title{margin:0;
/* Removes browser default margins for heading tags. */
}
.sb-widget-content{border-top:1px solid rgba(255,255,255,0.1);
/* Will lighten any background colour you set. */
padding:14px;background-color:#262626;
/* Widget content background colour. */
}
/* ------------------------ * 006 - Top Navigation Bar */
.sb-navbar{width:100%;height:60px;position:fixed;top:0;left:auto;right:auto;z-index:1000;background-color:#fff;
/* Bar colour. */
box-shadow:
/* Layered single pixel shadows to create a one sided shadow effect. */
0 5px 0 0 rgba(0,0,0,0.01), 0 4px 0 0 rgba(0,0,0,0.02), 0 3px 0 0 rgba(0,0,0,0.04), 0 2px 0 0 rgba(0,0,0,0.06), 0 1px 0 0 rgba(0,0,0,0.08),
/* Top highlight */
0 1px 0 0 rgba(255,255,255,0.1) inset,
/* Left highlight */
1px 0 0 0 rgba(255,255,255,0.1) inset,
/* Right highlight */
-1px 0 0 0 rgba(255,255,255,0.1) inset,
/* Bottom lowlight */
0 -1px 0 0 rgba(0,0,0,0.1) inset;
/* Glass gradient overlay,works with any colour background. */
background-image:-webkit-linear-gradient(top,rgba(255,255,255,0.05) 50%,rgba(0,0,0,0.02) 51%);
/* Webkit syntax. */
background-image:linear-gradient(to bottom,rgba(255,255,255,0.05) 50%,rgba(0,0,0,0.02) 51%);
/* Final syntax. */
background-size:100%;background-repeat:no-repeat;}
html.sb-android .sb-navbar{position:absolute;
/* Fix navbar to top for old versions of Android Browser. */
}
/* Navbar Menu Items */
.sb-navbar-menu{list-style-type:none;padding:0;margin:0 auto;width:80%;}
.sb-navbar-menu-left{float:left;}
.sb-navbar-menu-right{float:right;}
.sb-navbar-menu li{padding:0;margin:4px 0;display:block;}
.sb-navbar-menu li a{}
.sb-navbar-menu li a:hover{color:#f2f2f2;
/* Navbar link hover colour */
background-color:rgba(0,0,0,0.05);
/* Will lighten any background colour you set. */
}
/* ----------------------- * 007 - Slidebar Controls */
.sb-toggle-left,.sb-toggle-right,.sb-open-left,.sb-open-right,.sb-close{cursor:pointer;
/* Help desktop users with Slidebar controls. */
}
/* Navicons */
/* These are prefixed with .sb-navbar to avoid styling other Slidebar toggles you may be using. */
.sb-navbar .sb-toggle-left{width:52px;float:left;padding:22px 14px;}
.sb-navbar .sb-toggle-right{width:24px;float:right;padding:22px 14px;display:none;}
.navicon-line{width:24px;height:4px;border-radius:1px;margin-bottom:3px;background-color:#000;
/* Colour of navicon lines. */
}
/* Hover states to match navbar menu item hover. */
.sb-navbar .sb-toggle-left:hover{background-color:rgba(0,0,0,0.05);
/* Will lighten any background colour you set. */
}
.sb-navbar .sb-toggle-right:hover{background-color:rgba(0,0,0,0.05);
/* Will lighten any background colour you set. */
}
/* ------------------- * 006 - Media Queries */
@media (max-width:767px){
/* This is entirely optional,it hides the navbar menu items when device width is under 768px. */
.sb-navbar-menu{top:6px;}
}
ul.general_ul {list-style: inside disc !important;}
ol.general_ol {list-style: inside decimal !important;}