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 {
border:0 none;
font-size:100%;
margin:0;
outline:0 none;
padding:0;
}
body {
background:#d8d8d8 url("images/bg.png") repeat-x;
color:#666666;
font-family:arial,helvetica,clean,sans-serif;
font-size:13px;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.231;
}
hr {
border-bottom:1px solid #FFFFFF;
border-top:1px solid #E6E6E6;
color:#E6E6E6;
height:0;
}
a:link {
color:#338AF3;
text-decoration:none;
}
a:visited {
color:#338AF3;
text-decoration:none;
}
a:hover, a:active {
color:#C84028;
}
h1, h2, h3, h4, h5, h6 {
clear:both;
font-weight:normal;
margin:10px 0;
}
h1 {
border-bottom:1px solid #AAAAAA;
font-size:216%;
}
h2 {
color:#FF8800;
font-size:161.6%;
}
h3 {
font-size:115%;
}
h4, h5, h6 {
font-size:100%;
}
img {
border:0 none;
}
p {
line-height:1.49em;
padding:0 0 1em;
text-align:justify;
}
td {
vertical-align:top;
}
ul {
list-style:none outside none;
}
ul.img {
list-style:circle inside none;
}
label {
font-weight:bold;
}
h2.title {
background:url("images/titletab.jpg") no-repeat scroll 0 0 transparent;
color:#757374;
font-size:1.4em;
font-weight:bold;
height:37px;
margin:0 0 0 -20px;
padding:11px 0 0 30px;
text-align:left;
}
.titles a:link, .titles a:visited, .titles a:active {
border-bottom-width:0;
font-size:24px;
font-weight:normal;
text-decoration:none;
}
blockquote {
padding:0 10px;
}
pre {
background-color:#FBFBFB;
border:1px solid #E0E0E0;
font-family:'Courier New',Courier,Fixed;
font-size:1em !important;
margin:10px;
overflow:auto;
padding:10px;
}
code {
color:#779900;
font-family:Consolas,Verdana,"Courier New",Sans-Serif;
}
#header {
background:url("images/headerlight.png") no-repeat;
display:block;
height:77px;
margin:auto;
position:relative;
width:1000px;
}
#headerRight {
height:60px;
padding:0;
position:absolute;
right:0;
text-align:right;
top:13px;
width:500px;
}
#headerLinks {
clear:both;
display:inline-block;
margin:4px 0 7px;
position:absolute;
right:0;
text-align:left;
width:210px;
}
#headerLinks a {
color:#8A8D92;
font-weight:bold;
margin:2px 10px;
}
#searchBox {
display:inline-block;
height:30px;
padding:0;
width:400px;
}
#searchButton {
cursor:pointer;
display:inline-block;
float:right;
margin-left:5px;
padding:0;
}
#topmenu {
clear:both;
margin-bottom:0px;
width:100%;
}
#topmenuwrapper {
display:block;
height:40px;
line-height:40px;
margin:auto;
width:990px;
background:url("images/menu_bg.png") repeat-x scroll 0 0 transparent;
border:1px solid #DEDEDE;
}
#dropmenu {
margin-left:0px;
}
#dropmenu, #dropmenu ul {
font-weight:bold;
line-height:1.5em;
position:relative;
z-index:300;
}
#dropmenu a {
color:white;
display:block;
height:40px;
line-height:40px;
text-align:center;
text-decoration:none;
width:198px;
}
#dropmenu a:hover {
background:url("images/menu_bg_hover.png") repeat-x scroll 0 0 transparent;
color:#777;
text-align:center;
}
#dropmenu ul a {
border-left:1px solid #C8C8C8;
border-right:1px solid #C8C8C8;
color:#686868;
display:block;
height:30px;
line-height:30px;
padding-left:10px;
text-decoration:none;
width:150px;
}
#dropmenu ul a:hover {
background:none repeat scroll 0 0 #72bdff;
color:#FFFFFF;
text-align:left;
}
#dropmenu li {
float:left;
position:relative;
}
#dropmenu ul {
display:none;
left:-1px;
position:absolute;
top:40px;
width:100px;
}
#dropmenu li ul {
width:195px;
}
#dropmenu li ul a {
background:none repeat scroll 0 0 #efefef;
border-bottom:1px solid #C8C8C8;
float:left;
height:auto;
text-align:left;
width:188px;
}
#dropmenu ul ul {
top:auto;
}
#dropmenu li ul ul {
left:200px;
margin:0 0 0 10px;
}
#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {
display:none;
}
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {
display:block;
}
#body {
clear:both;
text-align:left;
width:1008px;
margin:auto;
background:url("images/shadow_bg.png") repeat-y;
}
#bw {
background:white url("images/main_bg.gif") repeat-x;
border-left:1px solid #DEDEDE;
border-right:1px solid #DEDEDE;
border-bottom:4px solid #7abcff;
margin:auto;
width:990px;
min-height:1100px;
overflow:hidden;
}
#content {
float:left;
padding:10px;
width:700px;
}
#sidebar {
float:right;
padding:5px;
width:260px;
}
#footer {
background:url("images/shadow_bg.png") repeat-y scroll 0 0;
clear:both;
padding:0;
width:1008px;
margin:auto;
}
#fw{
clear:both;
margin:auto;
padding-top:10px;
width:900px;
margin-left:50px;
height:170px;
}
#fw div {
float:left;
width:300px;
}
#fw2 {
margin:auto;
padding:10px 20px 0px 20px;
width:950px;
height:50px;
background-color:#474747;
color:#DEDEDE;
line-height:25px;

font-family:calibri;
}
#footer ul {
margin-top:10px;
}

#box-contacts {
height:100px;
margin-bottom:20px;
overflow:hidden;
position:relative;
width:180px;
}
#box-contacts div.items {
position:absolute;
width:400px;
}
#box-contacts div.items div {
float:left;
}
#box-contacts div.items div.active {
background-color:#FFFFFF;
border:1px inset #CCCCCC;
}


.box-tools {
background:url("images/box.png") no-repeat scroll 0 0 transparent;
height:100px;
line-height:25px;
padding:20px;
width:200px;
}
.box-tools a {
color:#F0F0F0;
}
.box-tools a:hover {
color:#338AF3;
}
.box-links {
background:none repeat scroll 0 0 #F0F0F0;
line-height:25px;
margin-top:10px;
padding:20px;
}
.box1 {
background:none repeat scroll 0 0 #F0F0F0;
border:1px solid #C0C0C0;
padding:10px;
}
a.print {
background:url("icons/16x16/Printer.png") no-repeat scroll 0 50% transparent;
padding-left:20px;
}
a.pdf {
background:url("icons/16x16/Save.png") no-repeat scroll 0 50% transparent;
padding-left:20px;
}
a.email {
background:url("icons/16x16/Email.png") no-repeat scroll 0 50% transparent;
padding-left:20px;
}
a.more {
background:url("images/plus.png") no-repeat scroll 0 50% transparent;
padding-left:40px;
}
.graphicalSteps {
-moz-background-inline-policy:continuous;
background:url("images/graphical_steps.png") no-repeat scroll 23px bottom transparent;
padding-left:35px;
}
.step {
background-position:left top;
background-repeat:no-repeat;
color:#2C2C2C;
font-size:1.286em;
line-height:1.056em;
margin-left:-25px;
padding-bottom:10px;
padding-left:35px !important;
padding-right:0;
padding-top:9px;
}
h3.step1 {
background-image:url("images/blue_1.png");
}
h3.step2 {
background-image:url("images/blue_2.png");
}
h3.step3 {
background-image:url("images/blue_3.png");
}
h3.step4 {
background-image:url("images/blue_4.png");
}
h3.step5 {
background-image:url("images/blue_5.png");
}
h3.step6 {
background-image:url("images/blue_6.png");
}
h3.step7 {
background-image:url("images/blue_7.png");
}
h3.step8 {
background-image:url("images/blue_8.png");
}
h3.step9 {
background-image:url("images/blue_9.png");
}
.rssbox {
margin:1em 0;
padding-top:5px;
}
.rssbox h4 {
margin:0.6em;
}
.rssbox h4 a {
background:url("images/rss.gif") no-repeat scroll 0 50% transparent;
color:#FF8800;
font-weight:bold;
margin:0;
padding-left:20px;
text-transform:uppercase;
}
.rssbox p {
width:200px;
}
.rssbox .rsstitle {
border-top:1px solid #D9D9D9;
float:left;
line-height:1.2em;
margin:0 0 0 5px;
padding:0.6em 0;
width:240px;
}

.rssbox .rssdate {
font-size:92%;
line-height:1.49em;
margin:0 0.6em;
padding:0 0 1em;
clear:both;
}
#demotipbig {
background:url("images/white_big.png") repeat scroll 0 0 transparent;
color:#222222;
display:none;
font-size:12px;
height:146px;
overflow:hidden;
padding:25px;
width:320px;
}
.box-green {
padding:1em;
}
label.error {
color:red;
padding-left:1em;
}
.clear {
clear:both;
display:block;
height:30px;
width:800px;
}
.bt-demo {
background:url("images/btdemo.png") no-repeat scroll 0 0 transparent;
display:block;
height:49px;
width:200px;
}
.bt-download {
background:url("images/btdownload.png") no-repeat scroll 0 0 transparent;
display:block;
height:49px;
width:200px;
}
.left {
float:left;
margin-right:10px;
}
.right {
float:right;
margin-left:10px;
}
#our-solutions, #our-references, #our-blog, #our-skills {
font-size:1em;
font-weight:bold;
line-height:1.3em;
padding-left:80px;
padding-right:10px;
}
#our-solutions {
background:url("images/solution.png") no-repeat scroll 0 0;
}
#our-references {
background:url("images/reference.png") no-repeat scroll 0 0;
}
#our-blog {
background:url("images/blog.png") no-repeat scroll 0 0;
}
#our-skills {
background:url("images/skills.png") no-repeat scroll 0 0;
}
#contact-wrapper {
background:url("images/contactbg.png") no-repeat scroll 0 0 transparent;
height:140px;
font-weight:bold;
color:#F0F0F0;
padding:45px 20px 20px;
margin-top:40px;
width:220px;
}
#box-scroll {
width:100%;
}
#box-scroll .navi {
float:left;
width:220px;
}
#box-scroll .scrollable-vertical {
float:right;
overflow:hidden;
position:relative;
width:463px;
border-left: 1px solid #DEDEDE;
padding-left:10px;
}
#box-scroll .scrollable-vertical .items {
height:2000em;
position:absolute;
}
#box-scroll .scrollable-vertical .items div {
display:block;
width:463px;
}
#box-scroll .navi li img {
border:medium none;
float:left;
margin:5px 5px 0 0;
padding:5px;
}
#box-scroll .navi li a {
color:#666666;
display:block;
height:60px;
padding:10px;
text-decoration:none;
}
#box-scroll .navi li a:hover {
background:url("images/fleche.png") no-repeat scroll 0 0 transparent;
color:#FFFFFF;
text-decoration:none;
}
#box-scroll .navi li.active a {
background:url("images/fleche_grey.png") no-repeat scroll 0 0 transparent;
color:#338AF3;
}
#box-scroll .navi li.active a:hover {
cursor:default;
text-decoration:none;
}
#box-scroll .navi h3 {
clear:none;
font-size:16px;
margin:0;
padding:7px 0 0;
text-transform:uppercase;
}
ul#output {
height:240px;
position:relative;
right:0;
width:463px;
}
ul#output li {
height:240px;
position:absolute;
width:463px;
}
ul#output li a {
-moz-border-radius:5px 5px 5px 5px;
background:none repeat scroll 0 0 #000000;
bottom:10px;
color:#FFFFFF;
font-size:11px;
padding:8px 12px;
position:absolute;
right:10px;
text-decoration:none;
}
ul#output li a:hover {
background:none repeat scroll 0 0 #D33431;
}
.texte {
color:#484848;
font-family:Verdana,Arial;
margin-left:50px;
text-align:justify;
width:400px;
}

#contactbox {
background:#F4F4F4;
border:1px solid #E4E4E4;
margin:0 30px 30px 20px;
height:105px;
width:600px;
float:left;
}
#contactbox  h2{
color:#1F1F1F;
float:left;
padding:15px 0;
text-align:center;
width:220px;
font-size:19px;
}

.colbox {
background:url("images/contactbox.png") no-repeat scroll 20px 20px #FFFFFF;
border-left:1px solid #E4E4E4;
float:right;
padding:16px 15px 15px 80px;
width:240px;
font-size:15px;
}

#technobox {
background:url("images/box_bg.png") no-repeat;
padding:20px;
float:left;
width:260px;
height:160px;
color:#DEDEDE;
}

#technobox a {
font-size:16px;
font-weight:bold;
}

#technobox h3 {
margin-bottom:22px;
}

.boxShow {
float:left;
margin:30px 0 0 10px;
background:url("images/cadre_produit.png") no-repeat;
width:205px;
height:320px;
padding:10px;
}

.boxShow a {
color:#333;
padding:10px;
}

.boxShow h2 {
font-size:140%;
}

.boxShow p {
width:180px;
}

.boxOthers {
margin-top:30px;
border-top:1px solid #DEDEDE;
min-height:110px;
padding:20px;
position:relative;
width:50%;
}

.cadreExpe {
border:1px solid #DEDEDE;
padding:5px;
margin-top:20px;
}

.button
{
	width:260px;
	height:60px;
	display:block;
	background:url(images/button.png) no-repeat;
	text-align:center;
	line-height:60px;
	color:#ffffff !important;
	font-weight:bold;
}


.cadreRef {
background:url(images/box-ref.png) no-repeat;
padding:20px;
width:660px;
height:210px;
margin-top:20px;
}