/* . . . GENERAL . . . */
body{background:url(../_images/cognibox/body-bg.jpg) repeat-x #fff;margin:0px;font:10px Verdana, Arial, sans-serif;color: #666}

/* . . . TOP . . . */
#top-content{position:relative;width:975px;height:198px;background:url(../_images/cognibox/top-bg.jpg) no-repeat}
#gohome a{position:absolute;top:30px;left:15px;width:230px;height:90px}
#gost a{position:absolute;top:65px;left:262px;width:20px;height:30px}
#gopo a{position:absolute;top:65px;left:292px;width:22px;height:30px}
#gogc a{position:absolute;top:65px;left:325px;width:22px;height:30px}

#top-btn-connect{float:left;background:url(../_images/cognibox/icon-connect.jpg) no-repeat 45px 0;width:120px;height:110px;padding:30px 0 0 0;margin:55px 20px 0 20px}
#top-btn-reg{float:left;background:url(../_images/cognibox/icon-reg.jpg) no-repeat 72px 0;width:167px;height:110px;padding:30px 0 0 0;margin:55px 20px 0 0}
#top-btn-lang{float:left;background:url(../_images/cognibox/icon-lang.jpg) no-repeat 35px 0;width:110px;height:110px;padding:30px 0 0 0;margin:55px 20px 0 0}
#top-btn-connect a,#top-btn-reg a,#top-btn-lang a{font:11px Arial, Helvetica, sans-serif;color:#525d81;text-decoration:none}
#top-btn-connect a:hover,#top-btn-reg a:hover,#top-btn-lang a:hover{font:11px Arial, Helvetica, sans-serif;color:#525d81;text-decoration:underline}

#top-menu-content{float:left;width:390px;height:25px;padding:150px 0 0 60px}
#menu-a,#menu-b,#menu-c,#menu-d,#menu-e{float:left;font:14px Arial, Helvetica, sans-serif;color:#cacaca;text-decoration:none;margin:0 0 0 0;text-align:left}
#menu-a{width:65px;margin:0 0 0 0}
#menu-b{width:90px;margin:0 0 0 0}
#menu-c{width:40px;margin:0 0 0 0}
#menu-d{width:75px;margin:0 0 0 0}
#menu-e{width:75px;margin:0 0 0 0}
.pipe{float:left;width:5px;font:bold 14px Arial, Helvetica, sans-serif;color:#cacaca;text-align:center;margin:0 6px 0 0}
#top-menu-content a:hover{color:#fff}

/* . . . PROMO . . . */
#promo-bg-content{float:left;width:975px;height:193px;background:url(../_images/cognibox/promo-bg.jpg) no-repeat;padding:0 10px 0 15px}
#left-side{position:relative;float:left;width:447px;height:155px;font:26px Arial, Helvetica, sans-serif;color:#000;padding:25px 0 0 40px}
#left-side span{font-weight:bold}
#author{display:block;position:absolute;top:115px;left:40px;width:437px;font:12px Arial, Helvetica, sans-serif;color:#000;text-align:right;padding:10px 10px 0 0}
#author span{font-weight:bold}
#right-side{float:right;width:482px;height:193px;background:url(../_images/cognibox/alcoa-image.jpg) no-repeat}

/* . . . CONTENT . . . */
#main-content{float:left;width:930px;background:url(../_images/cognibox/content-top-bg.jpg) no-repeat;padding:40px 0 30px 45px}
#st-content,#po-content,#gc-content{float:left;width:295px;height:160px;padding:50px 0 0 5px}
#st-content{background:url(../_images/cognibox/logo-st.jpg) no-repeat}
#po-content{background:url(../_images/cognibox/logo-po.jpg) no-repeat}
#gc-content{background:url(../_images/cognibox/logo-gc.jpg) no-repeat -3px 0}
#st-content .title,#po-content .title,#gc-content .title{font:22px Arial, Helvetica, sans-serif;color:#525d81}
#st-content input,#po-content input,#gc-content input{width:113px;height:33px;font:12px Arial, Helvetica, sans-serif;color:#000;border:none;
background:url(../_images/cognibox/register-btn-bg.jpg) no-repeat;margin:18px 0 0 -5px;cursor:pointer}
#st-content .txt,#po-content .txt,#gc-content .txt{font:11px Arial, Helvetica, sans-serif;color:#7f7f7f;padding:10px 0 0 0;height:95px;}
#st-content ul,#po-content ul,#gc-content ul{margin:0;padding:0}
#st-content li,#po-content li,#gc-content li{list-style:none;margin:0 0 5px 0}
#st-content .detail a,#po-content .detail a,#gc-content .detail a{font:11px Arial, Helvetica, sans-serif;color:#525d81}
#st-content .detail a:hover,#po-content .detail a:hover,#gc-content .detail a:hover{text-decoration:none}
/* historique */
#hist-content .title{font:18px Arial, Helvetica, sans-serif;color:#525d81;padding:0 0 15px 10px}
#hist-content .txt{font:12px Arial, Helvetica, sans-serif;color:#919191;padding:0 70px 0 10px}
#hist-content .txt span{font:bold 12px Arial, Helvetica, sans-serif;color:#525d81}
/* st page */
#st-content-page{background:url(../_images/cognibox/logo-st-page.jpg) no-repeat 0 0px}
#st-content-page .title{font:19px Arial, Helvetica, sans-serif;color:#525d81;padding:5px 0 25px 162px}
#st-content-page .txt{font:12px Arial, Helvetica, sans-serif;color:#919191;padding:0 70px 0 10px}
#st-content-page .txt span{font:bold 12px Arial, Helvetica, sans-serif;color:#525d81}
#st-content-page .subtitle{font:bold 12px Arial, Helvetica, sans-serif;color:#7c9cff;margin:20px 0 0 0;padding:0 0 3px 0}
#st-content-page ul{margin:0 0 0 6px;padding:0 0 0 6px}
#st-content-page li{margin:2px 0 0 0}
#st-content-page ul #sub-list{list-style:square;margin:0 0 3px 20px;padding:0 0 3px 20px}
#st-content-page input{width:113px;height:33px;font:12px Arial, Helvetica, sans-serif;color:#000;border:none;background:url(../_images/cognibox/register-btn-bg.jpg) no-repeat}
/* po page */
#po-content-page{background:url(../_images/cognibox/logo-po-page.jpg) no-repeat 0 0px}
#po-content-page .title{font:19px Arial, Helvetica, sans-serif;color:#525d81;padding:5px 0 25px 173px}
#po-content-page .txt{font:12px Arial, Helvetica, sans-serif;color:#919191;padding:0 70px 0 10px}
#po-content-page .txt span{font:bold 12px Arial, Helvetica, sans-serif;color:#525d81}
#po-content-page .subtitle{font:bold 12px Arial, Helvetica, sans-serif;color:#7c9cff;margin:20px 0 0 0;padding:0 0 3px 0}
#po-content-page ul{margin:0 0 0 6px;padding:0 0 0 6px}
#po-content-page li{margin:2px 0 0 0}
#po-content-page ul #sub-list{list-style:square;margin:0 0 3px 20px;padding:0 0 3px 20px}
#po-content-page input{width:113px;height:33px;font:12px Arial, Helvetica, sans-serif;color:#000;border:none;background:url(../_images/cognibox/register-btn-bg.jpg) no-repeat}
/* gc page */
#gc-content-page{background:url(../_images/cognibox/logo-gc-page.jpg) no-repeat 0 0px}
#gc-content-page .title{font:19px Arial, Helvetica, sans-serif;color:#525d81;padding:5px 0 25px 173px}
#gc-content-page .txt{font:12px Arial, Helvetica, sans-serif;color:#919191;padding:0 70px 0 10px}
#gc-content-page .txt span{font:bold 12px Arial, Helvetica, sans-serif;color:#525d81}
#gc-content-page .subtitle{font:bold 12px Arial, Helvetica, sans-serif;color:#7c9cff;margin:20px 0 0 0;padding:0 0 3px 0}
#gc-content-page ul{margin:0 0 0 6px;padding:0 0 0 6px}
#gc-content-page li{margin:2px 0 0 0}
#gc-content-page ul #sub-list{list-style:square;margin:0 0 3px 20px;padding:0 0 3px 20px}
#gc-content-page input{width:113px;height:33px;font:12px Arial, Helvetica, sans-serif;color:#000;border:none;background:url(../_images/cognibox/register-btn-bg.jpg) no-repeat}
/* contact page */
#contact-content-page .title{font:19px Arial, Helvetica, sans-serif;color:#525d81;padding:5px 0 25px 10px}
#contact-content-page .txt{font:12px Arial, Helvetica, sans-serif;color:#919191;padding:0 70px 0 10px}
/* help page */
#help-content-page .title{font:19px Arial, Helvetica, sans-serif;color:#525d81;padding:5px 0 25px 10px}
#help-content-page .txt{font:12px Arial, Helvetica, sans-serif;color:#919191;padding:0 0 0 0}
#help-table{margin:-10px 0 0 5px}
#help-table a{font:11px Arial, Helvetica, sans-serif;color:#525d81}
#help-table a:hover{text-decoration:none}
#help-table #po-content-page{background:url(../_images/cognibox/logo-po-page.jpg) no-repeat top left}
#help-table #st-content-page{background:url(../_images/cognibox/logo-st-page.jpg) no-repeat top left}
#help-table .top-subtitle, #help-table .subtitle{font:bold 14px Arial, Helvetica, sans-serif;color:#525D81;padding:45px 0 15px 0}
#help-table .subtitle{margin:-20px 0 0 0}
#help-table .txt .type{font:bold 12px Arial, Helvetica, sans-serif;color:#919191}
.separator{border-bottom:dashed 1px #D8DEED;padding:0 0 15px 0}
/* pol page */
#pol-content-page{}
#pol-content-page .title{font:19px Arial, Helvetica, sans-serif;color:#525d81;padding:5px 0 15px 10px}
#pol-content-page .txt{font:12px Arial, Helvetica, sans-serif;color:#919191;padding:0 70px 0 10px}
#pol-content-page .txt span{font:bold 12px Arial, Helvetica, sans-serif;color:#525d81}
#pol-content-page .subtitle{font:bold 12px Arial, Helvetica, sans-serif;color:#7c9cff;margin:20px 0 0 0;padding:0 0 3px 0}

/* . . . FOOTER . . . */
#footer-content{height:92px;width:100%;background:#525D81}
#footer-inner{width:945px;height:92px;margin:0 auto}
#footer-inner a{font:12px Arial, Helvetica, sans-serif;color:#fff}
#footer-inner a:hover{text-decoration:none}
#footer-inner #pol,#footer-inner #about,#footer-inner #contact{float:left;padding:20px 50px 0 0}
#footer-inner #pol{padding:20px 50px 0 250px}