/****************************************************************************/
/*COMMON*/
/****************************************************************************/
body{font-family:arial;}
strong{font-weight:bold}
hr.clear {border:0;background:none;clear:both;margin:0;padding:0;visibility:hidden}
h1{color:black;font-size:36px;font-weight:bold;padding-bottom:8px}
p {font-size:12px;line-height:16px}
a {text-decoration:none;color:#5B7BE5}
a:hover {text-decoration:underline}

/****************************************************************************/
/*TEMPLATE*/
/****************************************************************************/

/*default*/
/****************************************************************************/
body {background:#d8d8d8 url(img/main_background.jpg) repeat-x center top;}
* html body {background-color:#e5e5e5;background-image:none}


#page{width:869px;	margin:0 auto;}
.en #header{background:url(img/header_background.gif) no-repeat center bottom;height:125px;position:relative;}
.fr #header{background:url(img/header_background_fr.gif) no-repeat center bottom;height:125px;position:relative;}
#body{margin:0 auto;min-height:280px;background:url(img/body_background.gif) repeat-y center top;}

#columns #col1{padding:0px 15px 0px 20px;vertical-align:top;float:left;width:45%}
#columns #col2{vertical-align:top;float:left}

#footer{text-align:center;background:url(img/footer_background.png) no-repeat center top;height:60px;clear:both;}
* html #footer{background:url(img/footer_background.gif) no-repeat center top}

/*home*/
/****************************************************************************/
#home #columns {height:499px;position:relative;zoom:1}
#home #columns .outside{width:27px;height:179px; background:url(img/home_background_outside.png) no-repeat;position:absolute;top:97px;left:-22px;z-index:30}
* html #home #columns .outside{background:url(img/home_background_outside.gif) no-repeat}
#home #columns #col1{width:100%;background:url(img/home_background.jpg) no-repeat bottom left;height:499px;position:absolute;left:5px;z-index:10}
#home #columns #col1 h1{position:relative;left:261px}
#home #columns #col1 h1 small{font-size:24px;display:block}
#home #columns #col2{padding:25px;width:282px;position:absolute;top:84px;left:542px;z-index:20;zoom:1}
#home #columns #col2 .colBody h1{font-size:26px;color:#5d82ff}
#home #columns #col2 .colBody p{font-size:16px;line-height:18px;padding:10px 0}
#home #columns #col2 .colBody .download{display:block;width:271px;height:48px;margin:22px auto}
#home #columns #col2 .windows{display:block;width:52px;height:40px;background:url(img/windows.gif) no-repeat center top;display:inline-block;margin:0 0 0 50px}
#home #columns #col2 .vista{display:block;width:52px;height:40px;background:url(img/vista.gif) no-repeat center top;display:inline-block;}
#home #columns #col2 .apple{display:block;width:52px;height:40px;background:url(img/apple.gif) no-repeat center top;display:inline-block;}
#home #footer {background:url(img/footer_home.png) no-repeat center top}
* html #home #footer {background:url(img/footer_home.gif) no-repeat center top}

/*download*/
/****************************************************************************/
#download #columns {height:478px;position:relative;zoom:1}
#download #columns .outside{width:54px;height:40px; background:url(img/dl_background_outside.png) no-repeat;position:absolute;top:438px;left:-49px;z-index:30}
* html #download #columns .outside{background:url(img/dl_background_outside.gif) no-repeat}
#download #columns #col1{width:100%;background:url(img/dl_background.jpg) no-repeat bottom left;height:478px;position:absolute;left:5px;z-index:10}
#download #columns #col1 h1{position:relative;left:136px;width:700px;}
#download #columns #col1 h1.hfr{position:relative;left:10px;width:828px;}
#download #columns #col1 h1 small{font-size:24px;display:block}
#download #columns #col2{padding:25px;width:282px;position:absolute;top:84px;left:542px;z-index:20;zoom:1}
#download #columns #col2 .colBody h1{font-size:26px;color:#5d82ff}
#download #columns #col2 .colBody p{font-size:16px;line-height:18px;padding:10px 0}
#download #columns #col2 .colBody .download{display:block;width:271px;height:48px;margin:22px auto}
#download #columns #col2 .windows{display:block;width:52px;height:40px;background:url(img/windows.gif) no-repeat center top;display:inline-block;margin:0 0 0 50px}
#download #columns #col2 .vista{display:block;width:52px;height:40px;background:url(img/vista.gif) no-repeat center top;display:inline-block;}
#download #columns #col2 .apple{display:block;width:52px;height:40px;background:url(img/apple.gif) no-repeat center top;display:inline-block;}

/*share*/
/****************************************************************************/
#share #columns {height:452px;position:relative;zoom:1}
#share #columns .outside{width:54px;height:40px; background:url(img/dl_background_outside.png) no-repeat;position:absolute;top:412px;left:-49px;z-index:30}
* html #share #columns .outside{background:url(img/dl_background_outside.gif) no-repeat}
#share #columns #col1{width:100%;background:url(img/share_background.jpg) no-repeat bottom left;height:452px;position:absolute;left:5px;z-index:10}
#share #columns #col1 h1{position:relative;left:136px;width:700px;}
#share #columns #col1 h1.hfr{position:relative;left:10px;width:828px;}
#share #columns #col1 h1 small{font-size:24px;display:block}
#share #columns #col2{padding:25px;width:282px;position:absolute;top:84px;left:542px;z-index:20;zoom:1}
#share #columns #col2 .colBody h1{font-size:26px;color:#5d82ff}
#share #columns #col2 .colBody h2{font-weight:bold;font-size:22px;color:#5d82ff;padding-top:8px}
#share #columns #col2 .colBody p{font-size:16px;line-height:18px;padding:10px 0}
#share #columns #col2 .colBody .download{display:block;width:271px;height:48px;margin:22px auto}
#share #columns #col2 .gmail{display:block;width:99px;height:47px;background:url(img/gmail.gif) no-repeat center top;display:inline-block;}
#share #columns #col2 .yahoo{display:block;width:160px;height:47px;background:url(img/yahoo.gif) no-repeat center top;display:inline-block;}
#share #columns #col2 .twitter{display:block;width:161px;height:42px;background:url(img/twitter.gif) no-repeat center top;display:inline-block;}

/*blog*/
/****************************************************************************/
#blog #columns #col1{width:611px;padding-right:15px}
#blog #columns #col1 h1{margin-left:7px;padding-bottom:98px; text-align:left; background:url(img/title_blog.gif) no-repeat bottom left}
#blog #columns #col2 {padding-top:18px;width:203px}
#blog #columns #col2 h1{color:black; font-size:14px;font-weight:bold}

/*english version */
/****************************************************************************/
#home.en #columns #col2 .colBody .download{background:url(img/en/get_free.gif) no-repeat center top;}
#download.en #columns #col2 .colBody .download{background:url(img/en/download_free.gif) no-repeat center top;}
.en .searchBox input.submit {background:url(img/en/search.gif) no-repeat top center;}

/*french version */
/****************************************************************************/
#home.fr #columns #col2 .colBody .download{background:url(img/fr/get_free.gif) no-repeat center top;}
#download.fr #columns #col2 .colBody .download{background:url(img/fr/download_free.gif) no-repeat center top;}
.fr .searchBox input.submit {background:url(img/fr/search.gif) no-repeat top center;}

/****************************************************************************/
/*BOX POSITIONING*/
/****************************************************************************/
#header .langBox{position:absolute;right:333px;top:8px;}
#header .navBox {position:absolute;position:absolute;top:0px;right:0px;zoom:1}
#footer .poweredBox {position:relative;top:46px}

/****************************************************************************/
/*logo box*/
/****************************************************************************/
.logoBox{width:202px;height:88px;}
.logoBox a{display:block;width:202px;height:88px;}

/****************************************************************************/
/*lang box*/
/****************************************************************************/
.langBox a {border:1px solid #E5E5E5}
.langBox a.fr{display:block;width:24px;height:15px;background:url(img/fr.png) no-repeat top left;float:left;}
.langBox a.en{display:block;width:24px;height:15px;background:url(img/en.png) no-repeat top left;float:left;margin-right:10px}
.langBox a.current{border:1px solid #ccccff}

/****************************************************************************/
/*nav box*/
/****************************************************************************/
/*.navBox {color:#2f4f94;background:url(img/nav.gif) no-repeat top left;font-size:13px;width:327px; height:59px;}
.navBox ul{padding:8px 0 0 11px}
.navBox ul li{display:block;font-weight:bold;float:left}
.navBox ul li a{color:#5d82ff;text-decoration:none;margin:0 5px}
.navBox ul li a:hover, .navBox ul li a.current{color:#2f4f94}*/


.navBox {color:#2f4f94;font-size:13px;height:59px;background:url(img/nav.gif) no-repeat top left;width:327px;}
.navBox ul{padding:8px 0 0 15px}
.navBox ul li{display:block;font-weight:bold;float:left}
.navBox ul li a{color:#5d82ff;text-decoration:none;margin:0 5px;display:inline-block;text-align:center;padding-bottom:1px}
.navBox ul li a:hover, .navBox ul li a.current{color:#2f4f94;text-decoration:none}
.navBox ul li.home a{width:47px}
.navBox ul li.download a{width:77px}
.navBox ul li.share a{width:55px}
.navBox ul li.blog a{width:29px}
.navBox ul li.faq a{width:27px}
/****************************************************************************/
/*powered box*/
/****************************************************************************/
.poweredBox {color:#666666;font-size:10px;text-align:center}

/****************************************************************************/
/*ticket box*/
/****************************************************************************/
.ticketBox{width:618px;background:url(img/ticket_background.jpg) no-repeat top center;margin:8px 0 5px 0}
.ticketBox .body{padding:20px 20px 10px 20px}
.ticketBox h1{font-size:26px;color:#5d82ff;padding-bottom:2px !important; background:none !important; margin-left:0 !important}
.ticketBox h1 a{font-size:26px;color:#5d82ff}
.ticketBox h1 a:hover{text-decoration:underline}
.ticketBox small {color:#666666;font-size:14px}
.ticketBox .description {font-size:16px;line-height:18px;padding:12px 0 5px}
.ticketBox .footer {color:#817e7e;background:url(img/ticket_bottom.gif) no-repeat top center;font-size:14px;;height:36px;padding:4px 0 0 25px}

/****************************************************************************/
/*search box*/
/****************************************************************************/
.searchBox {padding-bottom:15px}
.searchBox input{display:block}
.searchBox input.text {width:197px;height:21px;padding:6px 0 0 6px;background:url(img/input_search.gif) no-repeat right top;border:0;}
.searchBox input.submit {width:117px;height:32px;border:0;float:right;margin-top:10px}

/****************************************************************************/
/*calendar box*/
/****************************************************************************/
.calendarBox{padding-bottom:15px;font-size:12px}
.calendarBox table{width:203px;}
.calendarBox table caption{color:#666666;height:20px;vertical-align:middle}
.calendarBox table th, .calendarBox table td{text-align:center;width:29px;height:20px;vertical-align:middle}
.calendarBox table th{color:white;background-color:#666666}
.calendarBox table td{color:#666666;zoom:1}
.calendarBox a.next, .calendarBox a.back{color:#5d82ff;}
.calendarBox a.next{float:right}
.calendarBox a.back{float:left}
.calendarBox .footer{clear:both}

/****************************************************************************/
/*list box*/
/****************************************************************************/
.listBox {font-size:12px;padding-bottom:15px}
.listBox ul {list-style-type:decimal;list-style-position:inside}
.listBox ul li a{background:url(img/bullet.gif) no-repeat 0px 2px;padding-left:17px}
.listBox a{text-decoration:underline;color:#5d82ff}

/****************************************************************************/
/* Friends list box*/
/****************************************************************************/
.friends_selection_header{background:transparent url(img/ticket_top.jpg) no-repeat scroll 0 0;width:554px;}
.friends_selection_header h2{padding-left:12px;font-size:16px;font-weight:bold;color:#5D82FF;padding-top:8px;}
.friends_selection{}
.friends_selection_footer{padding-bottom:8px;padding-top:6px;text-align:center;width:278px;}
.friends_list{font-size:12px;
            margin:0;
            max-height:317px;
            overflow:auto;
            padding-left:14px;
            padding-right:14px;
            width:262px;}
.friend_item{font-size:11px;padding-bottom:2px;}
.friend_item_name{}
.friend_item_mail{padding-left:2px;font-size:11px;}
.selected_friends_list{font-size:12px;padding-bottom:10px;padding-left:18px;list-style-type:disc;}
.selected_friend_item{font-size:12px;}
.error_google{font-size:12px;}


.friends_navigation{height:30px;width:262px; position:relative; top:15px;}
.friends_navigation a{font-size:14px;}

.previous_friends{left:15px;position:absolute;}
.numpage_friends{color:#5B7BE5;font-size:12px;position:absolute;padding-left:111px;}
.next_friends{left:250px;position:absolute;}

.abutton{border:2px outset;font-size:14px;padding:2px;}
.abutton:hover{text-decoration:none;}
.checkbox{}

/****************************************************************************/
/* Email box*/
/****************************************************************************/
.emailForm {font-size:12px;}
.emailForm label{display:block;}
.mail_content{font-size:12px;width:100%;height:126px}
.submit_mail {font-size:12px;}
.mail_sent{font-size:12px;}
.validation_cancel{font-size:12px;}


#friends_div{
position:relative;
top:-34px;
}

.enli{
    padding-left:9px;
}