@charset "UTF-8";

html, div, span, object, h1, h2, h3, h4,
h5, h6, p, blockquote, a, em, font, img, strong,
dl, dt, dd, ol, ul, li, fieldset , form  {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
a {text-decoration:none;color:#257b91;font-family:trebuchet ms, arial, helvetica, sans-serif;border:none;font-size: 13px;}
a:hover {}
ol, ul {list-style: none;}
/* CSS Document */
.clear{clear:both}
body {background-image:url(../images/backgrounds/home-background.jpg);background-repeat: repeat-x;margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
.subpage {background-image: url(../images/backgrounds/subpage-background.jpg);background-repeat: repeat-x;margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}

/** Global Styles - Applies to All Pages **/

#container {width: 960px;margin-right: auto;margin-left: auto;background-repeat: repeat-x;}
#header {height: 92px;clear: both;}
#header img {float: left;margin-top: 22px;}
#navigation {float: right;margin-top: 40px;}
#navigation li {display: inline;margin-left: 57px;}
#navigation li a {color: #565656;}
#navigation li .currentPage {color: #257b91;}
#footerExpander {height: 55px;clear: both;background-image: url(../images/backgrounds/footer-background.jpg);background-repeat: repeat-x;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 12px;color: #2b2b2b;}
#footerContainer {height: 31px;width: 960px;padding-top: 24px;margin-left: auto;margin-right: auto;clear: both;}
                 #siteNav {float: left;color: #2b2b2b;}
                 #siteNav li {display: inline;margin-right: 9px;color: #2b2b2b;}
#footerContainer p {float: right;}

/** Homepage Styles - Applies to index.html ONLY **/

#feature-top {height: 146px;clear: both;position: relative; padding:100px 0 0 0;}
#feature-top img {float: left;margin-top: 43px;}
#feature-top p {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 43px;color: #FFF;text-align:center}
#feature-top #button {}
#feature-top #button a {color: #FFF;}

#explain-beta{color:#2B2B2B}
#explain-beta, #explain-beta a{font-size:22px;font-weight:bold;margin-top:20px;text-align:center;}

#slogan {background-repeat: no-repeat;height: 65px;width: 960px;margin-top: 30px;position: relative;}
        #button1 {float:left;margin-left:150px}
        #button1 a{padding-right:90px}
        #button1 img{position: absolute; top: 23px; left: 127px;}
        #button2 {float:right;margin-right:150px}
#slogan a {color: #565656;font-size: 22px;}
#features-overview {height: 334px;clear: both;display: none;}
#lowerExpander {background-image: url(../images/backgrounds/lowertier-background.jpg);background-repeat: repeat-x;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 12px;}
.subpage #lowerExpander {background-image: none;}
#lowerExpander  .pageBase {margin-right: auto;margin-left: auto;clear: both;}
                            .baseFeatures                                              {width: 960px;margin-left: auto;margin-right: auto;clear: both;padding-top: 40px;}
                                          #left                                        {float: left;width: 280px;margin-right: 40px;}
                                          #center                                      {float: left;width: 280px;margin-left: 20px;margin-right: 20px;}
                                                  #first                               {padding-left: 65px;background-image: url(../images/downloadicon.png);	background-repeat: no-repeat;}
                                                  #secondary                           {background-image: url(../images/helpicon-centered.png);background-repeat: no-repeat;padding-left: 65px;}
                                          #right                                       {float: left;width: 280px;margin-left: 40px;}
                            .baseFeatures .contentHolder                               {clear: both;padding-bottom: 40px;}
                            .baseFeatures .floatLeft                                   {float: left;padding-right: 16px;}
                            .baseFeatures h1                                           {font-size: 18px;color: #2b2b2b;margin-bottom: 12px;}
                            .baseFeatures #right .contentHolder .bold                  {font-weight: bold;}
                            .baseFeatures p                                            {color: #393939;font-size: 12px;line-height: 18px;margin-bottom:10px;}
                                          #left .overviewer                            {margin-bottom: 10px;}
                            .baseFeatures .infoRegion                                  {clear: both;height: 224px;width: 960px;}
                            .baseFeatures .infoRegion .left                            {width: 320px;float: left;}
                            .baseFeatures .infoRegion .center                          {float: left;width: 320px;}
                            .baseFeatures .infoRegion .center form                     {width: 320px;}
                            .baseFeatures .infoRegion .center form .contentRow         {width: 320px;clear: both;}
                            .baseFeatures .infoRegion .center form .contentRow #name   {float: left;width: 160px;}
                            .baseFeatures .infoRegion .center form .contentRow .right  {float: right;width: 160px;}
                            .baseFeatures .infoRegion .right                           {float: left;	width: 320px;}
                            .footerContainer                                           {background-image: url(../images/backgrounds/footer-background.jpg);background-repeat: repeat-x;clear: both;}
                            .footerContainer .footer                                   {height: 35px;width: 960px;margin-right: auto;margin-left: auto;clear: both;background-image: url(../images/backgrounds/footer-background.jpg);padding-top: 20px;}
                                                     #siteNav                          {float: left;margin-left: -5px;}
                                                     #siteNav li                       {display: inline;margin-left: 5px;border-right: 1px solid #333;padding-right: 7px;}
                                                     #siteNav .lastItem                {border: none;}
                            .footerContainer .footer p                                 {float: right;}

.header                                                                             {color:#257B91;height: 108px;padding-top: 53px;font-size:200%}

/** Style listed below is only used on pages that do not use the 2-column based layout **/

#mainContents-normal                                                                {color:#2B2B2B;background-repeat: no-repeat;clear: both;	height: auto;}

/** Global styles for 2-column structured pages **/



#items                                                                              {float: left;width: 290px;margin-top: 50px;}
#items li                                                                           {border-top: 1px solid #c6c6c6;border-bottom: 1px solid #c6c6c6;margin-top: -1px;}
#items li a                                                                         {line-height: 40px;color: #4c4c4c;font-size: 12px;}
#items .currentSelection                                                            {font-size: 12px;line-height: 40px;color: #257b91;font-weight: bold;background-image: url(../images/backgrounds/leftColumn-li-selected.jpg);	background-repeat: no-repeat;}
#selectionDetails                                                                   {float: right;width: 606px;padding-left: 64px;}
#selectionDetails h1                                                                {font-size: 16px;line-height: 24px;color: #242424;}
#selectionDetails p                                                                 {font-size: 12px;color: #000000;line-height: 26px;}
#selectionDetails .tier                                                             {clear: both;padding-bottom: 100px;}
#selectionDetails .tier h1                                                          {font-size: 16px;color: #242424;line-height: 16px;margin-bottom: 21px;}
#selectionDetails .tier p                                                           {font-size: 12px;line-height: 19px;}
#selectionDetails .tier ul                                                          {font-size: 12px;line-height: 26px;margin-left: 15px;margin-top: 15px;}
#selectionDetails .tier ul li                                                       {list-style-type: circle;list-style-image: url(../images/bullet-blue.jpg);}
#selectionDetails .tier .floatLeft                                                  {float: left;margin-right: 75px;}
#selectionDetails .tier .floatRight                                                 {float: right;}

/** Features + Tour Styles **/

#mainContents-features-tour {background-image: url(../images/backgrounds/subpage-features-tour-background.jpg);background-repeat: no-repeat;clear: both;height: 500px;}

/** Pricing styles **/
#mainContents-pricing                                                       {}
                      #details-features                                     {}
                                        table                               {}
                                        table thead                         {}
                                        table thead tr                      {}
                                        table thead tr th                   {}
                                        table tbody                         {}
                                        table tbody tr                      {}
                                        table tbody tr:nth-child(odd)       {background-color: #f3f3f3}
                                        table tbody tr td                   {text-align: center}
                                        table tbody tr td.categories-feature{padding:0 10px}
                                        table tbody tr td.feature-name      {font-size:19px;font-weight:bold;padding:8px;text-align:left;}
                                        table tbody tr td.pricing-free      {font-size:19px;font-weight:bold;padding:8px;}
                                        table tbody tr td.pricing-premium   {font-weight:bold;padding:8px;}
/** Twlr-me **/

#mainContents-token                     {background-image: url(../images/backgrounds/subpage-separation-background.jpg);background-repeat: no-repeat;clear: both;height: 500px;}
                    #explications                                                                       {color:#4C4C4C;float: left;width: 290px;}
                    #explications h2                                                                    {margin-bottom:25px;font-size:140%}
                    #explications p                                                                     {font-size:100%;margin:10px 15px 10px 0}
                    #explications p em                                                                  {font-style:italic}
                    #explications ul                                                                    {font-size:12px;list-style-image:none;list-style-position:inside;list-style-type:circle;margin:-10px 10px;}
                    #explications ul li                                                                 {}
                    #formulaireToken                                                                    {float: right;width: 606px;padding-left: 64px;}
#formulaireToken h1                                                                 {font-size: 16px;line-height: 24px;color: #242424;}
#formulaireToken form                                                               {}
#formulaireToken form p                                                             {margin-bottom:30px}
#formulaireToken form p label                                                       {display:block;font-size:140%;vertical-align:baseline;}
#formulaireToken form p span                                                        {font-size:35px;color:#ace}
#formulaireToken form p input                                                       {margin-top:10px;height:50px;padding:6px 0 1px 6px;font-size:35px;-moz-border-radius:9px;border:1px solid #AACCEE;}

#formulaireToken form p input#url                                                   {width:480px}



/** Team **/

.two-top-management                                 {}
.two-top-management> div                            {width:450px;margin-bottom: 20px}
                    .team-alone-left                {float:left}
                    .team-alone-right               {float:right}
.two-top-management> div img                        {float: left;margin:0 25px}
.two-top-management> div div                        {float: left}
.two-top-management> div div h2                     {font-size:25px;margin-bottom:10px;margin-top:10px;}
.two-top-management> div div h3                     {margin-bottom: 5px}
.two-top-management> div div a                      {font-size:16px}
#team-dev                                           {}
#team-dev h1                                        {color:#257B91;font-size:200%;font-weight:normal;padding-top:45px;}
#team-dev table                                     {border:0}
#team-dev table tr                                  {}
#team-dev table tr td                               {width:150px;height:300px}
#team-dev table tr img                              {margin:25px 25px 10px 25px}
                   .team-dev-name                   {margin-left:25px}
                                  .first-letter-name{font-size: 30px;font-weight: bold}
                   .team-dev-aka                    {font-size:12px;font-weight:bold;margin-left:25px;}
                   .team-dev-aka span               {font-weight:normal;font-style: italic}
                   .team-dev-description            {}

/** Styles for Examples page **/

#mainContents-examples {background-image: url(../images/backgrounds/subpage-examples-background.jpg);background-repeat: no-repeat;clear: both;height: 960px;}
#examples {margin-top: 35px;}
#examples .tier {clear: both;}
#examples .tier .left {float: left;}
#examples .tier .right {float: right;}

/** Styles for Packages + Pricing page **/

/** Note - This page does not have its own mainContents style because it does not use the 2-column layout **/

#packages-pricing {width: 960px;background-image: url(../images/backgrounds/features-pricing-columns-background.png);background-repeat: no-repeat;height: 500px;clear: both;}
#packages-pricing .col {float: left;width: 284px;padding-left: 18px;padding-right: 18px;padding-top: 26px;}
#packages-pricing .col .overview {height: 90px;}
#packages-pricing .col .overview img {float: left;}
#packages-pricing .col .overview .price {font-size: 14px;color: #383838;float: right;}
#packages-pricing .col .overview .tagline {font-size: 12px;color: #000000;clear: both;padding-top: 20px;}
#packages-pricing .col .features {position: relative;}
#packages-pricing .col .features .featureList {font-size: 12px;line-height: 35px;color: #939393;margin-bottom: 23px;}
#packages-pricing .col .features .featureList .orange {font-weight: bold;color: #916c25;}
#packages-pricing .col .features .featureList .green {font-weight: bold;color: #6c9125;}
#packages-pricing .col .features .featureList .blue {font-weight: bold;color: #257b91;}
#packages-pricing .col .features a .button {left: -2px;position: absolute;}
.checklist {clear: both;padding-top: 133px;background-image: url(../images/backgrounds/headline-loremIpsum.png);background-repeat: no-repeat;background-position: -4px 72px;}
.checklist .bullets {float: left;width: 580px;padding-left: 18px;clear: both;}
.checklist .bullets .bullet {clear: both;height: 110px;}
.checklist .bullets .bullet h1 {font-size: 16px;line-height: 16px;}
.checklist .bullets .bullet .floatLeft {float: left;padding-right: 15px;}
.checklist .imageRegion {float: right;width: 283px;margin-top: 50px;margin-left: 30px;}
.checklist .bullets .bullet p {font-size: 12px;color: #3b3b3b;margin-top: 13px;line-height: 21px;}

/** Styles for FAQs + Support page **/

#mainContents-faq-support {background-image: url(../images/backgrounds/subpage-faq-support-background.jpg);background-repeat: no-repeat;clear: both;height: 960px;}
#faqBox {background-color: #373737;background-image: url(../images/backgrounds/faqBox-title-background.png);background-repeat: no-repeat;width: 509px;}
#faqBox ul {margin-left: 29px;padding-top: 55px;padding-bottom: 15px;}
#faqBox ul li {line-height: 26px;font-size: 12px;list-style-image: url(../images/faqbox-arrow-right.jpg);list-style-type: disc;}
#faqBox ul li a {color: #9f9f9f;font-size: 12px;font-weight: normal;}
#faqBox ul li a:hover {	color: #FFF;font-size: 12px;font-weight: normal;}


/******************************************************************************
*
*                           Commun
*
******************************************************************************/
.button{
 background: #F2F2F2 url(/images/overlay_button.png) repeat-x;
 display: inline-block;
padding:36px 40px 36px;
 color: #fff;
 text-decoration: none;
 font-weight: bold;
 line-height: 1;
-moz-border-radius-bottomleft:20px;
-moz-border-radius-bottomright:20px;
-moz-border-radius-topleft:0;
-moz-border-radius-topright:20px;
-webkit-border-radius-bottomleft:20px;
-webkit-border-radius-bottomright:20px;
-webkit-border-radius-topleft:0;
-webkit-border-radius-topright:20px;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
border-top-left-radius: 0px;
border-top-right-radius: 20px;

 -moz-box-shadow: 0 1px 3px #999;
 -webkit-box-shadow: 0 1px 3px #999;
 box-shadow: 0 1px 3px #999;
 text-shadow: 0 -1px 1px #222;
 border-bottom: 1px solid #222;
 position: relative;
 cursor: pointer;
 -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
 -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
 box-shadow: 0 1px 3px rgba(0,0,0,0.5);
 text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
 border-bottom: 1px solid rgba(0,0,0,0.25);

}
.button:hover {
background-color:#d9d9d9;
}

.button-blue{
 background: #009BB7 url(/images/overlay_button.png) repeat-x;
 display: inline-block;
padding:10px 0;
width:450px;
text-align:center;
 color: #fff;
 text-decoration: none;
 font-weight: bold;
 line-height: 1;
-moz-border-radius:10px;
-webkit-border-radius:10px;
 -moz-box-shadow: 0 1px 3px #999;
 -webkit-box-shadow: 0 1px 3px #999;
 text-shadow: 0 -1px 1px #222;
 border-bottom: 1px solid #222;
 position: relative;
 cursor: pointer;
 -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
 -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
 text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
 border-bottom: 1px solid rgba(0,0,0,0.25);

}
.button-blue:hover {background-color:#004258;}


#error h2                                                                     {padding-left:30px;font-size:20px;}
#error ul                                                                     {margin-left:30px;margin-top:20px;list-style-image:url(/images/bullet-arrow-right.png)}
#error ul li                                                               {margin:25px 0;}
#error                                                                     {width:900px;padding:20px 00px;color:#2b2b2b;font-family:trebuchet ms,arial,helvetica,sans-serif;}
#error form                                                                {margin-left:20px;width:834px;}
#error form textarea                                                       {border:1px solid #1EA7BF;color:#2B2B2B;font-size:150%;font-weight:bold;padding:10px;width:812px;}
#error form input                                                          {border:medium none;float:right;width:220px;margin-top:10px;background: #009BB7 url(/images/overlay_button.png) repeat-x;display: inline-block;padding:10px 0;text-align:center; color: #fff; text-decoration: none; font-weight: bold; line-height: 1;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-box-shadow: 0 1px 3px #999;-webkit-box-shadow: 0 1px 3px #999;text-shadow: 0 -1px 1px #222;border-bottom: 1px solid #222;position: relative;cursor: pointer;-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);text-shadow: 0 -1px 1px rgba(0,0,0,0.25);border-bottom: 1px solid rgba(0,0,0,0.25);}
/************************************************************************
*                   Jquery Element
*************************************************************************/
#tabs {	height: 300px;background-image: url(../images/backgrounds/homepage-tabs-background.png);margin-top: 55px;padding-top:20px}
#tabs ul {float: left;width: 290px;margin-top: 75px;}
#tabs ul li {line-height: 40px;border-top-width: 1px;border-bottom-width: 1px;border-top-style: solid;border-bottom-style: solid;border-top-color: #c6c6c6;border-bottom-color: #c6c6c6;margin-top: -1px;}
#tabs #tabs-1 {float: right;width: 610px;padding-left: 60px;padding-top: 45px;}
#tabs #tabs-2 {float: right;width: 610px;padding-left: 60px;padding-top: 45px;}
#tabs #tabs-3 {float: right;width: 610px;padding-left: 60px;padding-top: 45px;}
#tabs #tabs-4 {float: right;width: 610px;padding-left: 60px;padding-top: 45px;}
#tabs h1  {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 16px;font-weight: bold;line-height: 24px;color: #242424;margin-bottom: 10px;}
#tabs p  {font-size: 12px;line-height: 19px;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
#tabs .floatRight{float: right;margin-top: 50px;width:auto;}
#tabs .features-overview{list-style-image: url(../images/bullet-blue.jpg);list-style-type: disc;margin-top: 17px;margin-right: 0;margin-bottom: 0;margin-left: 0px;}
#tabs .features-overview li  {border-top-style: none;border-right-style: none;border-bottom-style: none;border-left-style: none;font-size: 12px;line-height: 26px;color: #242424;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;margin-left: 13px;}
.ui-tabs {}
.ui-tabs    .ui-tabs-nav {}
                            li.ui-tabs-selected {border-bottom-width: 0;color: #066;background-image: url(../images/backgrounds/leftColumn-li-selected.jpg);}
                            li.ui-tabs-selected a {border-bottom-width: 0;color: #257b91;background-image: url(../images/backgrounds/leftColumn-li-selected.jpg);font-weight: bold;}
                            li.ui-tabs-selected a, li.ui-state-disabled a, li.ui-state-processing a {cursor: text;}
            .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-selected a {cursor: pointer;color: #4c4c4c;}
.ui-tabs .ui-tabs-hide {display: none !important;}
#accordion {margin-top: 30px;margin-bottom: 100px;width: 508px;}
#accordion div h3 a {font-size: 16px;color: #257b91;line-height: 28px;border-top: 1px solid #c4c4c4;}
#accordion div div h1 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 14px;padding-left: 35px;}
#accordion div div p {padding-left: 35px;margin-bottom: 30px;line-height: 21px;margin-top: 5px;color: #4C4C4C;}
.ui-accordion .ui-accordion-header {cursor: pointer;color:#c4c4c4;}
.ui-accordion .ui-accordion-li-fix {display: inline;}
.ui-accordion .ui-accordion-header-active {border-bottom: 0 !important;color:#C4C4C4;}
.ui-accordion .ui-accordion-header a {display: block; font-size: 1em; padding: .5em .5em .5em 2.2em;color:#3f3f3f;}
.ui-accordion .ui-accordion-header .ui-icon {position: absolute; left: .5em; top: 50%; margin-top: -8px;}
.ui-accordion .ui-accordion-content {border-top: 0;margin-top: -2px;position: relative;top: 1px;margin-bottom: 2px;overflow: auto;display: none;}
.ui-accordion .ui-accordion-content-active {display: block;}