* {
margin:0;
padding:0;
border:0;
outline:0;
}
a{color:#44af1e;text-decoration:underline;}
a:hover{color:#44af1e;text-decoration:none;}
a img{border:0;}
img{display:block;}
ul{list-style-type:none;}

.clear{clear:both;}
.f_left{float:left;}
.f_right{float:right;}
.f_left_m{float:left;margin-right:12px;}
.f_right_m{float:right;margin-left:12px;}
.a_left{text-align:left;}
.a_right{text-align:right;}
.pad_left{padding-left:20px;}
.pad_right{padding-right:20px;}
.hidden, hr{display:none;}
.block{display:block;}
.collapse{margin:0;}
.small{font-size:0.9em;}
.color{color:#c00;}

html{
background:#1d6aad;
}
body{
font-size:76%;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#333;
background:#fff url(/img/bg.png) 0 0 repeat-x;
}

#contener{
width:840px;
margin:0 auto;
padding:0 44px;
background:url(/img/bg-menu.png) 0 122px no-repeat;
position:relative;
}
#logo{
float:left;
padding:27px 0 0 350px;
}
#logo p{
margin:0;
}
#logo a{
font-size:2.4em;
font-weight:bold;
text-decoration:none;
color:#1175aa;
}

#nav{
clear:both;
padding:24px 0 0;
height:45px;
}
#nav ul{
height:45px;
background:url(/img/nav-bg.png) 0 0 no-repeat;
margin:0;
}
#nav ul li{
position:relative;
display:block;
float:left;
height:45px;
line-height:45px;
font-family:'Droid Sans', Arial, Verdana, sans-serif;
background:url(/img/nav-sep.png) 0 40% no-repeat;
padding:0 0 0 2px;
}
#nav ul li.first_item{
background:none;
padding:0;
}
#nav li a{
display:block;
padding:0 10px;
float:left;
height:45px;
line-height:40px;
color:#1e6caf;
text-decoration:none;
font-weight:bold;
font-size:1.2em;
}
#nav li a:hover{
background:url(/img/nav-bg.png) -200px -45px no-repeat;
color:#44af1e;
}
#nav li.item2 a:hover{background:url(/img/nav-bg.png) -75px -45px no-repeat;}
#nav li.item1 a:hover{background:url(/img/nav-bg.png) 0 -45px no-repeat;}
#nav li.current a,
#nav li.current a:hover{
color:#000;
background:url(/img/nav-current.png) 50% 100% no-repeat;
}

#lang{
position:absolute;
top:133px;
right:34px;
height:15px;
}
#lang ul{
margin:0;
}
#lang li{
float:left;
margin:0 20px 0 0;
}
#lang li a{
display:block;
width:21px;
height:15px;
}
#lang li a img{
display:none;
}
#lang a.de{
background:url(/img/flag-de.png) 0 0 no-repeat;
}
#lang li a:hover.de,
#lang li.active a.de,
#lang li.active a:hover.de{
background:url(/img/flag-de.png) 0 -15px no-repeat;
}
#lang a.en{
background:url(/img/flag-en.png) 0 0 no-repeat;
}
#lang li a:hover.en,
#lang li.active a.en,
#lang li.active a:hover.en{
background:url(/img/flag-en.png) 0 -15px no-repeat;
}
#lang a.fr{
background:url(/img/flag-fr.png) 0 0 no-repeat;
}
#lang li a:hover.fr,
#lang li.active a.fr,
#lang li.active a:hover.fr{
background:url(/img/flag-fr.png) 0 -15px no-repeat;
}

#footer{
clear:both;
background:url(/img/bg-footer.png) 0 0 repeat-x;
height:103px;
}
#footer ul{
width:840px;
margin:0 auto;
padding:8px 0 0;
}
#footer ul li{
float:left;
background:url(/img/sep-footer.png) 0 60% no-repeat;
padding:0 10px 0 13px;
}
#footer ul li.first_item{
background:none;
padding-left:0;
}
#footer ul li a{
padding:2px;
color:#dee5ee;
font-size:0.9em;
text-decoration:none;
}
#footer ul li a:hover{
color:#fff;
text-decoration:none;
background:url(/img/footer-hover.gif) 0 100% no-repeat;
}
#footer ul li.current a,
#footer ul li.current a:hover{
color:#fff;
text-decoration:none;
background:url(/img/footer-active.png) 0 100% no-repeat;
}

#content{
min-height:200px;
font-size:0.9em;
line-height:160%;
padding:0 0 50px;
}
#content.bgnav{
background:url(/img/bg-nav.png) 100% 0 repeat-y;
}


#content .left_13,
#content .left_23{
float:left;
width:260px;
margin-left:30px;
}
#content .left_23{
width:550px;
}
#content .left_13.first_col,
#content .left_23.first_col{
margin-left:0;
}


#content img.aligntop{margin-top:4px;}

#content h1{
line-height:120%;
font-weight:normal;
font-size:1.8em;
color:#568ebe;
border-bottom:1px solid #94aec9;
padding:0 0 4px;
margin:26px 0 0;
}
#content h1 a,
#content h1 a:hover{
display:block;
color:#568ebe;
text-decoration:none;
}
#content h1 a:hover{
color:#1e6caf;
}
#content h2{
font-weight:normal;
font-size:1.6em;
color:#4d779b;
margin:26px 0 0;
}
#content h3{
font-weight:bold;
font-size:1.4em;
color:#456179;
margin:26px 0 0;
}
#content h4{
font-weight:bold;
font-size:1.2em;
color:#3c4a56;
margin:26px 0 0;
}

a.quiet{
color:#1e6caf;
text-decoration:none;
}
a:hover.quiet{
color:#44af1e;
text-decoration:none;
}

#content p{
margin-top:10px;
}
#content p.title{
font-weight:bold;
font-size:1.1em;
}
#content ul,
#content ol{
margin-top:10px;
margin-left:22px;
}
#content ul{
list-style-type:disc;
margin-left:16px;
}
#content ul ul{
margin-top:0;
list-style-type:circle;
}
#content dl{
width:550px;
margin:10px 0 0;
}
#content dl dt{
float:left;
clear:left;
width:120px;
padding:4px 20px 4px 0;
border:1px solid #f0f0f3;
border-width:1px 0 0;
font-weight:bold;
color:#666;
background:url(/img/bg-deg+.png) 0 0 repeat-x;
}
#content dl dd{
float:left;
width:399px;
padding:4px 0 4px 10px;
border:1px solid #f0f0f3;
border-width:1px 0 0 1px;
background:url(/img/bg-deg+.png) 0 0 repeat-x;
}


#context_nav{}
#context_nav h2{}

#content ul.subnav{
list-style-type:none;
margin:50px 0 0;
}
#content ul.subnav li{
font-weight:bold;
font-size:1.2em;
padding:0;
}
#content ul.subnav li.before_first_item{
}
#content ul.subnav li a{
display:block;
text-decoration:none;
padding:10px 16px;
color:#333;
background:#f3f6f9;
border-top:1px solid #fff;
border-bottom:1px solid #e8ecf3;
}
#content ul.subnav li a:hover{
color:#333;
background:#eaf1f7;
}
#content ul.subnav li.current a,
#content ul.subnav li.current a:hover{
color:#fff;
background:#a1bce6 url(/img/bg-nav-active.png) 0 0 repeat-x;
}
#content ul.subnav li a span.date{
font-size:0.8em;
font-weight:normal;
background:url(/img/bg-calendar.png) 0 50% no-repeat;
padding:0 0 0 20px;
}


/* liste des news et de produits*/
#content ul.list_col{
list-style-type:none;
margin:0;
}
#content ul.list_col li{
margin:0 0 10px;
}
#content ul.list_col li a{
text-decoration:none;
}
#content ul.list_col li p.f_right_m{
padding:0 0 0 12px;
}
#content ul.list_col li h2{
}
#content ul.list_col li h2 a{
color:#44af1e;
}
#content ul.list_col li:hover h2 a{
color:#4d779b;
}
#content ul.list_col li p{
margin:0;
padding:6px 0 0;
}
#content ul.list_col li p a{
color:#333;
}
#content ul.list_col li p.date{
font-style:italic;
padding:0;
font-size:0.9em;
}
#content ul.list_col li p.needs{
font-weight:bold;
}
#content ul.list_col li a{
display:block;
}
#content ul.list_col li:hover p{
color:#4d779b;
}


/* produits */
#content p.products_needs{
font-weight:bold;
color:#666;
font-size:1.1em;
margin:10px 0 20px;
}
#content h2.products_title{
font-weight:bold;
font-size:1.5em;
margin:20px 0 10px;
letter-spacing:1px;
color:#568ebe;
}
#content div.products_use{
border-left:1px dotted #44af1e;
border-bottom:1px dotted #44af1e;
padding:0 0 10px 10px;
}
#content div.products_features{
float:left;
width:260px;
}
#content div.products_benefits{
float:right;
width:260px;
}
#content div.products_features ul,
#content div.products_benefits ul{
list-style-type:none;
list-style-image:none;
margin-left:0;
}
#content div.products_features li,
#content div.products_benefits li{
background:url(/img/icon-bullet.png) 0 0.6em no-repeat;
padding-left:16px;
}
#content div.products_features_inner,
#content div.products_benefits_inner{
/*border-left:1px dotted #44af1e;
border-bottom:1px dotted #44af1e;
padding:0 0 10px 10px;*/
border-right:1px dotted #44af1e;
padding:0 10px 10px 0;
border-bottom:1px dotted #44af1e;
}
#content div.products_vision{
border:1px solid #94aec9;
padding:0 10px 10px;
background:#fff url(/img/bg-deg-inv.png) 0 100% repeat-x;
}
#content div.products_vision p em strong,
#content div.products_vision p strong em{
color:#1e6caf;
}
#content p.product_prev{
float:left;
}
#content p.product_next{
float:right;
text-align:right;
}
#content p.product_img{
margin:30px 0 0;
}

#content #product_docs{
margin:10px 0 0;
border:1px solid #94aec9;
border-width:1px 0 0 1px;
background:#fff url(/img/bg-deg-inv.png) 0 100% repeat-x;
padding:0 4px 10px;
}
#content #product_docs ul{
margin:0;
list-style-type:none;
}
#content #product_docs ul li{
}
#content #product_docs ul li a{
display:block;
margin:4px 0 0;
padding:4px 10px 4px 20px;
background:url(/img/icon-pdf.png) 0 6px no-repeat;
text-decoration:none;
color:#1e6caf;
border-bottom:1px dotted #94aec9;
font-size:0.9em;
}
#content #product_docs ul li a:hover{
color:#44af1e;
border-bottom:1px dotted #44af1e;
}
#content #product_docs ul li a span.docname{
font-size:1.1em;
font-weight:bold;
}
#content #product_docs ul li a span.docurl{
font-weight:normal;
font-size:0.9em;
letter-spacing:-1px;
}


/* pages */
#content ul#imgs{
list-style-type:none;
margin:0;
}
#content .encart{
margin:40px 0 0;
border:1px solid #94aec9;
padding:0 10px 10px;
background:#fff url(/img/bg-deg-inv.png) 0 100% repeat-x;
}
#content .encart .bigger{
font-size:1.2em;
font-weight:bold;
letter-spacing:1px;
background:url(/img/icon-cs.png) 0 50% no-repeat;
min-height:54px;
}
#content .encart .bigger a.icon_cs{
padding:20px 0 20px 64px;
display:block;
}

#content p.news_date{
text-align:right;
font-style:italic;
margin:0;
font-size:0.9em;
color:#94aec9;
}



/* messages */
#content .warning{
background:#fff999;
border:1px solid #f00;
padding:10px;
margin:26px 0 0;
}
#content .warning a{
color:#f00;
}
#content .error{
background:#fffae1 url(/img/icon-error.png) 14px 50% no-repeat;
border:1px solid #c00;
padding:10px;
margin:26px 0 0;
}
#content .error ul{
list-style-type:none;
margin:0 0 0 50px;
}
#content .ok{
background:#f3f6f9 url(/img/icon-ok.png) 14px 50% no-repeat;
border:1px solid #44af1e;
padding:10px;
margin:26px 0 0;
}
#content .ok p{
margin:0 0 0 50px;
}

#content form{
}
#content form p{
margin:10px 0 0;
}
#content form p span.warning{
margin:0;
padding:0 0 0 30px;
border:0;
background:#e5e7e9 url(/img/icon-warning.png) 6px 1px no-repeat;
display:block;
font-size:0.9em;
color:#1d6aad;
}
#content input,
#content textarea{
padding:4px;
border:1px solid #1d6aad;
width:540px;
background:url(/img/bg-deg+.png) 0 0 repeat-x;
vertical-align:middle;
font:1em/160% Verdana, Arial, Helvetica, sans-serif;
}
#content input.x{
padding:0;
border:0;
width:auto;
background:none;
}
#content input#captcha{
width:20px;
text-align:center;
}
#content input.submit{
width:auto;
border:1px solid #1d6aad;
outline:0;
background:#94aec9;
color:#fff;
font-size:1.2em;
font-weight:bold;
cursor:pointer;
}
#content form p.focus input,
#content form p.focus textarea{
border-color:#c00;
}











