/*** GENERIC ***/
*{margin:0;padding:0;font-family:Verdana,Arial,Sans-Serif;font-size:12px;}
body{background:#fff;}
img{border:0;}
hr {clear:both; margin-top:5px;margin-bottom:5px;visibility:hidden;}
#page{margin:auto;width:746px;position:relative;}

/*** MAIN THEME COLOR. MAY BE CHANGED ***/
h1, h2, h3, h4, .descriptif, .platformGroup, .platformGroupName, .buttonInstall{color:#003466;}
#tabs, #otherWidgetsTitle{background:#003466;}
/* widget border color */
#widget{color:#fff;}

/*** TOP LINKS ***/
#topLinks{position:absolute;top:0;left:0;width:100%;background:#fff;border-bottom:1px solid #C9D7F1;}
#topLinks div{padding:4px 10px}
#topLinks a,#topLinks strong{font-family:Arial;font-size:13px;margin-right:0.5em}
#topLinks a{color:#00C}
/*** HEADER ***/
#header{position:relative;width:726px;height:71px;padding:30px 10px 0;margin-bottom:10px;background:url(img/background-header.jpg) no-repeat;}
h1{font-size:28px;text-align:center;}
h1 img{vertical-align:middle;margin-right:10px;}
h3{position:absolute;bottom:5px;right:10px;font-size:16px;text-align:right;}
#pub_h{text-align:center;font-size:20pt;margin-bottom:3px;}
#powered{position:absolute;top:7px;right:10px;}
#powered a{font-size:9px;color:#6a6c6d;text-decoration:none;}
#powered img{vertical-align:middle;}
/*** DESCRIPTION ***/
#description{width:709px;margin:auto}
#tabs{height:41px;padding:0 20px;background:url(img/background-tabs.png) left bottom no-repeat}
#tabs .tab{float:left;height:26px;margin-right:7px;background:url(img/background-tab-right.png) right 1px no-repeat}
#tabs .tab a{display:block;color:#003466;padding:0 5px;text-decoration:none;line-height:26px;font-size:14px;font-weight:normal;background:url(img/background-tab-left.png) left 1px no-repeat}
#tabs .active{background:url(img/background-tab-active-right.png) right 1px no-repeat;height:28px}
#tabs .active a{color:#003466;background:url(img/background-tab-active-left.png) left 1px no-repeat;line-height:28px;font-size:14px;font-weight:bold}
#descriptif{background:url(img/background-description.png) bottom left no-repeat;padding:0 10px 10px}
h2, .descriptif, .definition{margin-bottom: 10px}
h2{font-size:16px;color:#000}
.descriptif{font-size:14px}
.definition{font-size:13px}
/*** CONTENT ***/
#content{margin-top:20px;width:721px;margin:20px auto 0;} /* 746 362 */
#colLeft{float:left;width:349px;margin-right:10px;}
#widget{border: 1px solid;}
#colRight{float:left;width:349px;border-left:2px solid #d4d3d3;padding-left:10px;}
h4{font-size:14px;padding-bottom:3px;text-transform:uppercase;border-bottom:6px solid;margin-bottom:20px;}
.platformGroup{border-left:10px solid;margin:10px 0;padding-left:5px;}
.platformGroupName{font-size:14px;}
.platformGroupAction{font-size:14px;color:#000;}
#widgetcode{width:100%;}
.buttonInstall{display:inline-block;width:auto;height:26px;padding-right:22px;text-decoration:none;background:url(img/button-install-right.jpg) right center no-repeat}
.buttonInstall span{display:inline-block;height:26px;line-height:26px;padding:0 10px;background:url(img/button-install-left.jpg) left center no-repeat}
.platformName{color:#6a6c6d;font-size:9px;}
.platformButton{clear:left;float:left;width:100px;text-align:center;margin-bottom:10px;}
.platformButton a{text-decoration:none;}
.platformInstall{float:right;padding-top:13px;}
.separator{clear:both;margin-bottom:10px;}
/*** OTHER WIDGETS ***/
#otherWidgetsTitle{clear:both;margin-top:10px;margin-bottom:20px;color:#fff;padding:3px 10px;font-size:16px;}
#otherWidgets{margin-bottom:60px;}
/*** FOOTER ***/
#footer{background:#0a0a0a url(img/background-footer.jpg) repeat-x;color:#fff;border:1px solid #a4a2a2;padding:5px 20px 10px}
#footer p{margin-bottom:10px;}
.listWidgets{float:left;width:33%;list-style:inside}
.listWidgets a{color:#fff;text-decoration:none;}
.listWidgets a:hover{text-decoration:underline;}
#copyright{margin:10px 0;text-align:center;}
#copyright a{color:#000;text-decoration:none;font-size:10px;}
#copyright a:hover{text-decoration:underline;}