/*** 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:#CC0033;}
#tabs, #otherWidgetsTitle{background:#CC0033;}
/* widget border color */
#widget{color:#fff;}

/*** HEADER ***/
#header{position:relative;width:726px;height:71px;padding:30px 10px 0;margin-bottom:26px;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:705px;margin:auto;}
#tabs{height:23px;padding:0 4px;}
#tabs .tab{float:left;height:100%;margin-right:4px;padding-left:6px;}
#tabs .tab a{display:block;color:#fff;padding-right:6px;text-decoration:none;line-height:22px;font-size:14px;font-weight:bold;}
#tabs .active{background:url(img/tab-background-left.png) left 1px no-repeat;}
#tabs .active a{color:#CC0033;background:url(img/tab-background.png) right 1px no-repeat;font-size:14px;}
#descriptif{background:url(img/background-description.jpg) bottom left no-repeat;padding:10px;}
h2, .descriptif, .definition{margin-bottom: 10px;}
h2{font-size:16px;}
.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;}