/**********************************************************************
 *  General Elements
 **********************************************************************/

body { font-family: Verdana, sans-serif; font-size:12px; margin:0; background:#444444; }

img { border:0; }

h1 { font-size:24px; margin:0; margin-bottom:5px; color:#000000; text-transform: uppercase; }

h2 { font-size:18px; color:#666666; margin-top:5px; margin-bottom:5px; }

h3 { font-size:14px; color:#666666; margin-top:10px; margin-bottom:15px; }

p { margin:0; padding:0; }

div { margin:0; padding:0; }

span { margin:0; padding:0; }

.label { text-align:right; white-space:nowrap; }

.error { font-weight:bold; color:#CC0000; }

.errok { font-weight:bold; color:#008800; }

p.mini { font-size:9px; }

p.small { font-size:10px; }

hr.line { border:0; border-top:1px solid; }

ul.simple_list { margin:0; list-style-type: square; padding-left:18px; }

a { text-decoration:none; }
a:link { color:#666666; }
a:hover { color:#999999; }
a:active { color:#999999; }
a:visited { color:#999999; }

div.separator { background:url(/i/dot.gif) repeat-x; height:2px; }

td.odd { background-color:#ECF3FE; }

/**********************************************************************
 *  Tabs
 **********************************************************************/

div.tabbar { position:absolute; z-index:1; top:90px; width:100%; height:30px; background:url(/i/menu_bg.png) #2F2F2F repeat-x; }

a.tab { display:block; float:left; height:30px; color:#FFFFFF; font-weight:bold; text-decoration:none; margin-left:4px; margin-right:3px; padding:0; padding-top:7px; padding-left:8px; padding-right:8px; }

a.sel { background:url(/i/menu_bg_sel.png) repeat-x; }

a.small { font-weight:normal; padding-top:4px; margin-top:-4px; margin-left:0; margin-right:0; padding-left:6px; padding-right:6px; height:21px; }

span.tab_icon { float:left; margin-right:5px; margin-top:-1px; }

div.support_map { float:right; width:330px; height:240px; border:1px solid black; }


/**********************************************************************
 * Block-level elements with specific positionning / properties
 **********************************************************************/

img#main_logo { position:absolute; left:25px; top:15px; width:446px; height:59px; }

img#top_l { position:absolute; left:0; top:0; }

img#top_r { position:absolute; right:0; top:0; }

img#banner { float:left; }

img.rounded_border { position:relative; left:0; top:0;  }

div#page_top { position:absolute; top:0; width:100%; margin:auto; height:90px; background-color:#FFFFFF; }

div#box_lang { position:absolute; right:25px; top:15px; width:210px; text-align:right; }

div.scrollbar { float:left; width:100%; background-color:#FFFFFF; }

#page_frame { position:absolute; top:20px; width:980px; left:50%; margin-left:-490px; }

#page_content { position:absolute; top:120px; width:980px; }

#sidebar { float:right; }

#page_footer { position:absolute; left:0; bottom:0; margin-bottom:-15px; width:980px; color:#888888; }

#page_footer a { color:#888888; text-decoration:none; }

div#search { position:absolute; right:10px; top:0px; width:140px; height:30px; background:url(/i/menu_bgsearch.jpg) no-repeat; }

span.found { background-color:#FFFFAA;padding:1px; font-weight:bold; }

div.date { float:right; font-size:9px; font-weight:bold; margin-top:9px; margin-bottom:2px; padding:3px; color:white; background:#999999; border-radius:6px; text-shadow:1px 1px 1px #666666; }

div.loginbox { margin:auto; width:300px; height:140px; background:#EEEEEE; border:1px solid #666666; padding:10px; text-align:center; overflow: visible; }

div.title { font-size:14px; height:26px; float:left; width:250px; color:#FFFFFF; background:#222222; text-align:center; margin-top:6px; margin-bottom:6px; padding-top:2px; }

div.roundedbox_title { height:25px; background:url(/i/boxtitle_bg_c.png) repeat-x; color:#FFFFFF; font-weight:bold; padding:4px; text-align:center; margin-left:5px; margin-right:5px; }

div.nestedbox_title { height:17px; background:url(/i/boxtitle_bg_c.png) repeat-x 5px; color:#FFFFFF; padding:2px; text-align:center; }

div.plain { background:#F2F2F2; }

div.vcard { width:370px; margin:20px; }

div.btn { padding:4px; background:url(../i/menu_bg_sel.png); color:#FFFFFF; }

ul.popup { position:absolute; z-index:1; border-top:1px solid#666666; background:#FFFFFF; width:115px; list-style-type:none; padding:0; margin:0; display:none; }

ul.popup li { border:1px solid #666666; border-top:0; height:16px; padding:3px; font-size:10px; }

div.attached { float:right; margin-bottom:-6px; }

div.content { float:left; width:100%; background:#FFFFFF; margin-bottom:6px; }

div#product { background:grey; width:330px; margin-left:5px; margin-right:5px; }

input#search { position:absolute; right:14px; top:7px; height:14px; width:107px; border:0; color:#999999; }

p.page_path { float:left; line-height:2.5em; font-size:0.9em; color:#FFFFFF; }
p.page_path a { color:#FFFFFF; }

div#distrib_map { float:right; width:500px; height:400px; border:1px solid black; }

img.distrib_icon { margin-right:8px; }

img.mapInfoIcon { margin-bottom:-2px; margin-right:5px; }

.webwidget_slideshow_dot { margin-top:136px; margin-bottom:50px; padding:0; position:relative; font-family:Arial,Sans-Serif; font-size:13px; }
.webwidget_slideshow_dot a { text-decoration:none; }
.webwidget_slideshow_dot a:hover { text-decoration:underline; }
.webwidget_slideshow_dot .slides_box { padding:0px; margin:0px; overflow:hidden; position:absolute; }
.webwidget_slideshow_dot .title_thumb_box { width:100%; position:absolute; bottom:-35px; }
.webwidget_slideshow_dot .title_thumb_box .title_box { padding:5px; }
.webwidget_slideshow_dot .title_thumb_box .thumb_box { text-align:center; height:25px; }
.webwidget_slideshow_dot .title_thumb_box .thumb_box span { margin-right:5px; margin-left:5px; }
.webwidget_slideshow_dot .title_thumb_box .thumb_box span img { cursor:pointer; }
.webwidget_slideshow_dot img { padding:0px; margin:0px; border:none; }
.webwidget_slideshow_dot ul { padding:0px; margin:0px; position:absolute; list-style:none; }
.webwidget_slideshow_dot ul li { padding:0px; margin:0px; float:left; }
.webwidget_slideshow_dot ul li a { display:block; }

/*** Forums ***/
div.post { border:1px solid #CCCCCC; border-radius:5px; margin-bottom:15px; }
div.post .title { height:17px; background:url(/i/boxtitle_bg_c.png) repeat-x 5px; color:#FFFFFF; font-size:13px; padding:1px; margin-top:-5px; margin-left:-1px; width:100%; }
div.post .user { float:left; margin:-21px 20px 0 2px; border-right:1px solid #CCCCCC; width:100px; background:#FFFFFF; text-align:center; background:#F6F6F6; }
div.post .user img { margin:10px 0 5px 0; }
div.post div.signature { clear:both; background:#F6F6F6; }
div.post div.signature p { margin:0 0 0 102px; padding:5px 0 5px 21px; border-top:1px solid #CCCCCC; font-size:11px; color:#999999; }
a.btn { border:1px solid #999999; border-radius:3px; background:#EEEEEE; padding:3px; }


/**********************************************************************
* Sitemap
***********************************************************************/

ul.map { list-style-type:square; margin-top:-9px; margin-bottom:10px; padding:0; margin-left:404px; }

ul.page { margin-left:140px; }

li.map { display:block; border-left:1px solid #999999; border-bottom:1px solid #CCCCCC; width:400px; height:15px; padding-left:3px; padding-bottom:2px; }

li.page { width:135px; font-weight:bold; }

/**********************************************************************
 * Dropdown languages menu
 **********************************************************************/

div.popup a:hover { background-color: #5C93D6; }
div.menu:hover div:first-child { border-bottom: none; }
div.menu div.popup { display: none; }
div.menu:hover div.popup { 
   display: block; 
   border:0px solid black; }

div.menu div { width: 90px;  }

div.popup div, div.popup a { display:block; text-decoration:none; margin: 3px; font-size:10px; }
div.popup div + div, div.popup a + a { margin-top: 0; } 

/**********************************************************************
 *  Formulaires
 **********************************************************************/

form {  margin:0px; }

input { margin-bottom:3px; }

select.small, input.small { font-family: Verdana, Arial; font-size: 10px; height: 18px; }

label.form { display:block; width:130px; float:left; text-align:right; font-size:0.9em; margin-left:5px; margin-right:5px; margin-top:4px; margin-bottom:0; white-space:nowrap; height:1em; color:#333333; }

label.login { width:100px; margin-right:3px; }

input.login { font-size: 10px; height: 18px; }

span.form_comment { font-size:0.9em; margin-left:5px; margin-right:5px; margin-top:3px; margin-bottom:-3px; white-space:nowrap; height:1em; color:#333333; }

ol.sortablelist { list-style-type:none; margin:0; padding:0; margin-left:30px; border-left:1px solid #666666; cursor:move; }

li.sortablelist { border-bottom:1px solid #DDDDDD; border-right:1px solid #DDDDDD; background-color:#F9F9F9; }

div.sortablelist { border:1px dashed #CCCCCC; border-left:1px dashed #666666; border-top:0; background-color:#F9F9F9; margin-left:30px; padding:5px; }

/*** Message boxes **************************************/

div.msg { width:80%; margin:auto; margin-bottom:10px; padding:5px; }

div.error { border:#CC0000 1px solid; color:#CC0000; background-color:#FFF6F6; }

div.ok { border:#009900 1px solid; color:#009900; background-color:#EEFFEE; }

div.notice { border:#CCBB33 1px solid; color:#555555; background-color:#FFF4DF; margin-top:20px; font-size:11px; }

/*** Global properties **********************************/

.rounded { background-color: #3f6daf; -webkit-border-radius: 8px; -moz-border-radius: 8px; }
.hidden { display:none; }
.screen_only {}
.print_only { display:none; }