body,html{font-family:"Lucida Sans Unicode", Myriad Pro, "Lucida Grande", sans-serif;margin:0;padding:0;font-size:100%;font-weight:normal;}
body{padding:0; margin:0;background-color:#fff;}
body.homepage{background-color: #ececec;}
a, a:link, a:visited a:hover, a:active{color:#759FC9;text-decoration:none;margin:0;padding:0;white-space:wrap; }

h2{font-family:"TitilliumText22LMedium";color:#364048;font-weight:normal;margin:0.5em 0 0 0;}
#header{background-image:url(../images/home_header_bg_pixel.png);background-repeat:repeat-x;}
#header #mainmenu{width:100%;margin:0 0 0 20px;}
#header #mainmenu ul{background-image:url(../images/home-menu-bg.png); 
background-repeat:no-repeat; background-position:top; padding:0;margin:0;list-style:none;}
#header #mainmenu ul, #mainmenuleft ul{ list-style:none;list-style-image:none;list-style-position:inside;}
#header #mainmenu ul li{float:left;list-style:none;}
#header #mainmenu ul li a{font-family:"TitilliumText22LMedium";font-weight:bold;
display:block;padding:1.5em 1em;text-decoration:none;color:#ffffff;font-size:0.9em;border-left:solid 1px #8294a6; border-right:solid 1px #000;}
#header #mainmenu ul li.first a, #header #mainmenu ul li.last a{background-image:url(../images/home_left_menu_first_bg.jpg);background-repeat:repeat-y; background-position:left;}
#header #mainmenu ul li.first a{border-right:solid 1px #000; border-left:none;}
#header #mainmenu ul li.last a{border-left:solid 1px #8294a6; background-position:right; border-right:0;}
#header #mainmenu ul li:hover, #header #mainmenu ul li.active{ background-color:#2c2c2c;}
#menuleft{}
#menuleft h3{margin:0;padding:6% 0 6% 4%;font-size:1.125em;color:#0e90cc;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;display:block;}
#menuleft ul{padding:0 0 11% 0; margin:0; background-image:url(../images/bg_menu_left_bottom.png);background-repeat:no-repeat;background-position:left bottom;}
#menuleft ul li{background-image:url(../images/bg_menu_left.jpg);background-repeat:repeat-y;
list-style:none;text-align:left; padding:0 12% 0 6%;margin:0;}
#menuleft ul li.last{ padding-bottom:14%;background:none;}
#menuleft ul li a, #menuleft ul li span{text-decoration:none;font-size:0.8em;color:#949494;padding:5%;display:block;}
#menuleft ul li a, #menuleft ul li span, #menuleft ul li h3{background-image:url(../images/home_leftmenu_li_border.png);
background-repeat:no-repeat; background-position:left bottom;}
#menuleft ul li a:hover, #menuleft ul li.active a, #menuleft ul li span{color:#4c4c4c;}

#login{ background-image:url(../images/home-client-block-bg.png); background-repeat:no-repeat; background-position:center;}
#loginbox{text-align:left;padding:0;width:120%;}
#loginbox #login{padding:25% 0;margin:0;width:100%;position:relative;}
#loginbox #login.loggedIn{padding:34% 0 40% 0;}
#login form{margin:0 0 0 17%;}
#login h2{margin:2px;}
#login div.user, .homepage #login div.pass{height:33px;margin:6px 0 2px 0;}
#login div.user input, .homepage #login div.pass input{width:199px;height:33px;}
#login div>input{margin:0;}

#loginContent{margin:0 0 0 10%;font-size:0.8em;min-height:155px;}
#loginContent div{margin:0.5em 0;display:block;}
form#homelogin .user input, form#homelogin .pass input{ border:0; width:73%; height:33px; padding:0; margin-top:6%; background-image:url(../images/home-client-space-input.png); background-repeat:no-repeat;}
form#homelogin .user input{ margin-top:0;}
form#homelogin .submit input{ margin-top:3%; padding-left:30%;}
#login .oublier a, #newsletterbox .newslettertext{font-size:12px; color:#737373; text-decoration:none;}
#newsletterbox{text-align:left;}
#newsletterbox .newslettertitle h2{ background-image:url(../images/home-newsletter-logo.png); background-repeat:no-repeat; background-position:left; padding-left:12%;/*font-size:140%;*/}
#newsletterbox .newslettertext{ padding-top:4%; padding-bottom:4%;}
/*#newsletterform .newsletteremail{float:left;}*/
#newsletterform .newsletterok{float:left;}
#newsletterform .newsletteremail input#newsletterhome{background-image:url(../images/home-client-space-input.png); background-repeat:no-repeat; height:33px; float:left; border:0; color:#bbbbbb;margin-right:2%;width:170px;padding:0;}
.homepage #newsletterform .newsletteremail input#newsletterhome{width:199px;}
/*acualites*/
#actualites{text-align:left;}
#actualites #title, #twitter #title, #derniers_projets #title{padding-bottom:5%;border-bottom:#ccccc8 solid 1px;}
#twitter #title{ border:none; padding-top:7%; padding-bottom:0;}
#actualites .homeactu, .entry{ clear:both; border-bottom:#ccccc8 solid 1px;padding:2% 0;}
#actualites .homeactu a, .entry a{ text-decoration:none;color:#444444;font-size:80%;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;}
#actualites .homeactu span, .entry span{color:#96958f;font-size:0.68em;font-weight:normal;font-style:italic;margin-top:3%;display:block;}
/*follow us*/
#followus{ border-bottom:#ccccc8 solid 1px; padding:4% 0; height:29px;}
#followus a img{ margin-left:2%;}
#followus a img.first{ margin-left:0;}
#vb{ background-image:url(../images/home-blog-button.png); background-repeat:no-repeat; padding-left:20%; padding-top:4%; color:#3c3c3c; font-family:"Lucida Sans Unicode", Myriad Pro, "Lucida Grande", sans-serif; width:100%; height:45px;}
/*footer*/
#footer{margin-top:1em;}
#footer_1{background-color:#f2f2f2; height:89px;}
#footer_2{background-color:#252525;background-image:url(../images/home-footer-bg2.jpg); background-position:center top; background-repeat:no-repeat;}
#homefooter1 .hf{ width:16%; float:left; margin-left:4%;}
#homefooter1 .hf ul{ list-style:none; list-style-image:none; padding:0; margin:0; margin-top:4%;}
#homefooter1 .hf ul li{ list-style:none; list-style-image:none; border-bottom: #535353 dotted 1px; padding:0;}
#homefooter1 .hf ul li.last{ border:none;}
#homefooter1 .hf ul li a{ font-size:104%;}
#footer_1Content #footerup{margin:0 auto; padding-top:1.1%;width:90%;}

.footeruptext{ font-family:"Lucida Sans Unicode", Myriad Pro, "Lucida Grande", sans-serif; font-size:0.875em; color:#272727; width:40%; float:left; text-align:left; margin-left:2%; /*padding-right:4%;*/ color:#333636;}

#footer_1Content img{margin-left:1.5%;}
#footer_1Content a.savoirplus{background-image:url(../images/home-en-savoir-plus-bg.png); background-repeat:no-repeat;
float:left; padding:1.5% 1.7%; font-size:18px; text-decoration:none; color:#838889; margin:1% 0;font-family:"TitilliumText22LRegular";}
#footer_2 #homefooter .ultitle{ color:#ffffff; font-family:"Lucida Sans Unicode", Myriad Pro, "Lucida Grande", sans-serif; font-size:105%;}
#footer_2 #homefooter ul li a{ color:#57646f; font-family:"Lucida Sans Unicode", Myriad Pro, "Lucida Grande", sans-serif; font-size:72%;padding:2% 3% 2% 6%;display:block;}
#footer_2 #homefooter ul li a:hover{background-image:url(../images/footer_hover_arrow.png); background-repeat:no-repeat; background-position:left center;color:#fff;}
#footer_3{background-color:#262626;padding:2% 0;}
#footer_3Content .homefooter2text{ width:46%; float:left; color:#fff; font-size:66%; opacity:0.3; margin-left:4%;}
#footer_3Content .homefooter2text span{ font-size:116%; display:block;}
#footer_3Content .homefooter2contact{ width:28%; float:right;}
#footer_3Content .homefooter2contact .text{ float: left; padding-right: 3%; padding-top: 2%; text-align: left; color:#4799d4; font-size:104%; font-family:"Lucida Sans Unicode", Myriad Pro, "Lucida Grande", sans-serif;}
#content{ margin-top:2%;}
#content #leftcontent, #content #leftcontent #right{ position:relative;}
#content #leftcontent #right{font-family:"Lucida Sans Unicode", Myriad Pro, "Lucida Grande", sans-serif; font-size:0.8em;}
#headerInner, #contentInner, #footer_2Content,
#footer_1Content, #footer_3Content {width: 980px; margin:0 auto;}
#footer_2Content{padding-bottom:2%;}
#content #leftcontent #locationpath{border-bottom:#9f9f9f solid 1px; margin-bottom:2%; padding-bottom:1%;}
#content #leftcontent #locationpath a{text-decoration:none; font-size:85%; color:#8d8d8d;}

/*home page*/
img{margin:0;padding:0;outline:0;border:0;}
.homepage #content{margin-top:0;background-image:url(../images/bg_home.jpg);background-repeat:no-repeat;background-position:top center;}
.homepage .ligne>div{float:left;}

.homepage #loginbox{text-align:left;padding:0;width:31%;}
.homepage #loginbox #login{padding:8px 0;margin:0;width:100%;position:relative;}
.homepage #login form{margin:0 0 0 17%;}
.homepage #login h2{margin:2px;}
.homepage #login div.user, .homepage #login div.pass{height:33px;margin:6px 0 2px 0;}
.homepage #login div.user input, .homepage #login div.pass input{width:199px;height:33px;}
.homepage #login div>input{margin:0;}


#intro_texte{width:36%;color:#737373;font-size:0.82em;margin:0.3em;}
#intro_texte span{font-weight:bold;color:#000;}
#intro_texte a{color:#737373;}
#intro_texte a:hover{color:#759FC9;}
.homepage #newsletterbox{width:30%;background-image:url(../images/home_header_sep.jpg);background-repeat:no-repeat;background-position:left 10px;padding-left:10px;margin:4px 0 0 10px;padding-bottom:0;}
.homepage #newsletterbox h2{margin:0;}

.homepage #intro_ebiz{background-image:url(../images/home_intro_bg.jpg);background-repeat:repeat-x;background-color:#FFF;margin-top:0.7em;}
.homepage #intro_ebiz h2{margin:1.3em 1.3em 0;color:#0f92ce;font-family:"TitilliumText22LMedium"; font-weight:bold;}
.homepage #intro_ebiz h2 a{color:#0f92ce;font-family:"TitilliumText22LMedium"; font-weight:bold;}
.homepage #intro_ebiz .texte{padding:1em 2em;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;color:#424242;}
.homepage #intro_ebiz .texte span{color:#0c8dca;}

#intro_ebiz_left{width:66%;float:left;}
#intro_ebiz_right{width:33%;float:left;margin:4% 0 0 0;}
#intro_ebiz_right #intro_arrow{width:30%;float:left;margin:3% 2% 0 0;}
#intro_ebiz_right a{width:48%;float:left;background-image:url(../images/home_intro_btn.png);background-position:center;background-repeat:no-repeat;padding:5% 0;text-align:center;color:#FFF;}

.homepage #intro_ebiz_bottom{}
#bluedropbox{float:left;width:32.3%;background-color:#FFF;}
#ebizmarketingbox{float:left;width:30%;margin:3% 1%;background-image:url(../images/home_header_sep.jpg);background-repeat:no-repeat;background-position:right 3%;}
#ebizmarketingbox .logo{text-align:center;}
.homepage #twitter{float:left;width:35%;font-family:"TitilliumText22LMedium";font-weight:normal;margin-top:2%;}

#bluedropbox .logo{padding:5% 5% 0;}
#bluedropbox .logo a{display:block;}
#bluedropbox .texte,
#ebizmarketingbox .texte{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;font-weight:normal;font-size:12px;color:#737373;padding:5%;}

.homepage .savoir_plus a{background-image:url(../images/home_bg_box_btn.png); background-repeat:no-repeat;
font-size:0.75em;text-decoration:none;color:#a5a9aa;padding:2% 6%;margin:0 5%;display:block;}


.homepage #twitter #title{padding-top:0;}
.homepage #twitter #title h2{padding:0;margin:2% 0;font-size:1.25em;color:#364048;
float:left;width:50%;}
.homepage #followus{float:right;width:40%;padding:0;border:0;}

#twtr-widget-1{background-color:#ececec;}
.twtr-hd, .twtr-ft, .twtr-user{display:none;visibility:hidden;}
a.twitter_btn{background-image:url(../images/twitter_btn.png);background-repeat:no-repeat;
padding:3% 8% 5% 15%;width:52%;display:block;font-size:1.125em;color:#838889;}
.twtr-tweet{}
.twtr-tweet .twtr-tweet-text{font-family:Georgia, "Times New Roman", Times, serif;font-weight:normal;font-style:italic;font-size:12px; background-image:url(../images/twitter_bird.png);background-repeat:no-repeat;background-position:left 13%;padding-left:13%;margin:1% 0;}
.homepage .twtr-tweet .twtr-tweet-text{padding-left:10%;}
.twtr-tweet .twtr-tweet-text em{font-size:12px;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;margin-top:1%;}
.twtr-reply, .homepage .twtr-rt, .homepage .twtr-fav{font-size:10px;}

#latestnews{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;font-weight:normal;
background-repeat:no-repeat;background-color:#FFF;
background-image:url(../images/home_bg_latestEvents.png);padding:2% 0.5% 0;}
#latestnews h3{margin:0;font-size:1.125em;padding:8% 1% 3% 10%;
font-family:"TitilliumText22LRegular";font-weight:bold;font-size:1.125em;color:#fff;}
span.highlight{font-weight:bold;}
#latestnews .latest_block{background-image:url(../images/home_bg_latestnews.jpg);background-repeat:repeat-y;
float:left;width:19.3%;min-height:305px;}
#conseil h3{background-image:url(../images/bg_conseil.jpg);background-repeat:no-repeat;}
#solutionsWeb h3{background-image:url(../images/bg_solutionsWeb.jpg);background-repeat:no-repeat;}
#webMarketing h3{background-image:url(../images/bg_webmarketing.jpg);background-repeat:no-repeat;}

#latestnews .latest_block .texte{padding:10%;font-size:0.8em;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;min-height:290px;color:#737373;}

.homepage #actualites h2,.homepage #derniers_projets h2{margin:1% 0;}
#latestnews .latest_block.latest_projects, 
#latestnews .latest_block.actualites{background-image: none;padding: 0.5%;width: 19%;}
.homepage .homeactu a,
.homepage .entry a{color:#444444;font-size:13px;font-weight:normal;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;}

#ebiz_en_chiffre{font-size:0.69em;width:80%;margin:0 auto;}
#ebiz_en_chiffre table{margin-top:2%;}

ul.liste li{list-style-image:url(../images/flechen.gif);background-position:left;background-repeat:no-repeat;
padding-left:2%;margin-bottom:1%;font-weight:normal;}

/*SOCIETE*/
form#actu_search{margin:0 0 0.8em 0;}
form#actu_search div{width:34%;margin-right:1%;float:left;}

/*SERVICES*/
#demandedevis{margin:0.8em 0;}
table.withborder{border:solid 1px #d2dcff;}
img.ref_projects{width:90%;height:auto;}
.texte object, .texte embed{width:100%;}
td.seperate{padding-bottom:0.5em;border-bottom:solid 1px #d2dcff;}
table#panier{padding-bottom:1em;}
h3.panier_titre{background-image:url(../images/panier-grand.gif);background-repeat:no-repeat;background-position:left;
padding:5px 0 5px 30px;}

/*ACTUALITES*/
.section_actualite img{max-width:100%;height:auto;}

#parloin, .titre{margin-bottom:5px;}

#homelogo{position:relative; width:35%; height:auto; float:left;}
#homecontact{height:95px; background-image:url(../images/header-inside-bg.png); background-repeat:no-repeat; background-position:top;}
#homecontact #mainlinks{text-align:right; font-family: Tahoma; font-size: 11px; color:#FFFFFF;clear:both;}
#homecontact #mainlinks a{ text-decoration:none; font-family: "Lucida Sans Unicode", "Lucida Sans Unicode", Myriad Pro, "Lucida Grande", sans-serif, "Lucida Grande", sans-serif; font-size:120%; color:#272c32;}
#homecontact #mainlinks a:active,#homecontact #mainlinks a:hover { color:#efefef; text-decoration: none;}
#homecontact #mainlangs{text-align:right;color:#9e9e9e;font-family:Tahoma;font-size:10px; float:right; width:19%; margin-top:2%;}
#homecontact #mainlangs .langimg{clear:both; margin-bottom:15%;display:block;}
#homecontact #mainlangs .langimg a.francais img{ padding-right:3%; outline:0;} 
#homecontact #mainlangs a:active{ color:#1b70c1; text-decoration: none;}
#homecontact #mainlangs a:hover{ color:#1b70c1; text-decoration: none;}
#content #leftcontent{width:74%; float:left;}
#content #leftcontent #left{width:35%; float:left; margin-right:1%;}
#content #leftcontent #right{width:63%; float:left;}
#content #rightcontent{width:24%; float:left; margin-left:1.5%;}

/*FOR ALL SCREENS NOT PC*/
@media only screen and (max-width: 980px) {
#header #mainmenu ul{background-color:#39434a;background-image:none;}
#headerInner, #contentInner, #footer_2Content{width: 100%; margin:0 auto; padding:0;}
}