@IMPORT URL(onglet.css);

body {
    background: #E3E2E1;
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
}

a img {border: 0;}
a {text-decoration: none;}

/* PAGE ELEMENTS */
#wrapper {
    background: url(img/bg-container.png) center repeat-y;
    margin: 0 auto;
    padding: 0;
    width: 950px;
}

/* Pre-header */
#prehead {
    background-color: #3F3F3F;
    color: #DAD9D9;
    font-size: 0.7em;
    margin: 0 12px;
    overflow: auto;
    padding: 4px 5px;
    text-align: right;
}

#prehead a {color: #DAD9D9;}
#prehead a:hover {color: #FFFFFF;}
#prehead .kw {float: left;}
#prehead ul.languages {
    display: inline;
    text-transform: uppercase;
}
#prehead ul.languages li {
    display: inline;
    margin-left: 5px;
}
#prehead ul.languages li a {text-decoration: underline;}
#prehead ul.languages li.active a {color: #FFFFFF; font-weight: bold; text-decoration: none;}

/* Header */
#header {
    height: 100px;
    overflow: hidden;
    padding: 4px 5px;
}
#header .logo {
    float: left;
    margin: 17px 10px 0 20px;
}
#IE6 #header .logo {margin-left: 10px;}
#header .logo .logo-award {
    bottom: 4px;
    margin-left: 5px;
    position: relative;
}
#header #cta {
    float: right;
    display: block;
    margin-top: 20px;
}
#header #cta ul {
}
#header #cta li {
    border-left: 1px solid #DBDBDB;
    float: left;
    font-weight: bold;
    display: block;
    height: 68px;
    line-height: 1.2em;
    text-align: center;
	}
	
#header #cta a {
    color: #3F3F3F;
    display: block;
    font-size: 0.8em;
    margin: 15px 40px 0 30px;
    width: 180px;
}
#header #cta ul li#cta-signup a {font-size:1.2em;}
#header #cta a span {
    text-decoration:none;
}
#header #cta a img {
    float: left;
}
#header #cta li a strong {
    color: #00AAFF;
    font-size: 1.2em;
    text-decoration: underline;
}

/* Main navigation */
#nav {
    height: 61px;
    margin: 0 12px;
    overflow: hidden;
}
#nav ul {
    margin-left: 203px;
    padding: 5px 0 0 0;
    height: 30px;
}
#nav ul li {
    background: url(img/bg-nav-left.png) left top no-repeat;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 16px;
    height: 30px;
    padding: 0 0 0 13px;
}
#nav ul li a {
    background: url(img/bg-nav-right.png) right top no-repeat;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 0.9em;
    font-style: italic;
    font-weight: bold;
    height: 19px;
    padding: 7px 12px 12px 0;
    text-decoration: none;
}
#IE6 #nav ul li a {padding-bottom: 4px;}

#nav ul li:first-child,
#nav ul li.first {background-image: url(img/bg-nav-first-left.png);}
#nav ul li.active {background-image: url(img/bg-nav-active-left.png);}
#nav ul li.active a {background-image: url(img/bg-nav-active-right.png);}

/* Sub-navigation */
#nav div.subline {
    background: url(img/bg-subnav.png) top left repeat-x;
    color: #333333;
    font-size: 0.75em;
    font-weight: bold;
    padding: 6px 0 8px;
    text-align: center;
}
#nav div.subline em {color: #059BE5;}
#nav .subnav ul {
    background: url(img/bg-subnav-active.png) top left repeat-x;
    display: none;
    margin: 0;
    padding: 0;
    position: relative;
}
#nav .subnav ul li {
    background: url(img/subnav-separator.png) top left no-repeat;
    padding: 0 0 0 12px;
}
#nav .subnav ul.active {display: block;}
#nav .subnav ul li:first-child,
#nav .subnav ul li.first {background: none;}
#nav .subnav ul li a {
    background: none;
    font-size: 0.75em;
    font-style: normal;
    font-weight: normal;
    padding: 6px 25px 6px 0;
}
#IE6 #nav .subnav ul li a {padding-bottom: 0;}
#nav .subnav ul li a:hover {text-decoration: underline;}
#nav .subnav ul li.current a {font-weight: bold; text-decoration: underline;}

/* Main content */
#content {
    background: none;
    margin: 0;
    padding: 0;
}
#content .cwrapper {
    background: url(img/bg-content-wrapper.png) top left repeat-x;
    margin: 0 12px 20px;
}

/* Main tabs */
.ui-tabs-hide {display: none;}
#content .maintabs {color: #FFFFFF;}
#content .maintabs #btn-tabs-prev,
#content .maintabs #btn-tabs-next {position: absolute; display: none;}
#content .maintabs #btn-tabs-prev a,
#content .maintabs #btn-tabs-next a {display: block; position: relative;}
#content .maintabs #btn-tabs-prev a {height: 63px; left: -26px; top: 120px; width: 38px;}
#content .maintabs #btn-tabs-next a {height: 63px; left: 938px; top: 120px; width: 39px;}
#IE6 #content .maintabs #btn-tabs-prev a,
#IE7 #content .maintabs #btn-tabs-prev a {left: -38px; top: 120px;}
#IE6 #content .maintabs #btn-tabs-next a,
#IE7 #content .maintabs #btn-tabs-next a {left: 926px; top: 120px;}
#IE6 #content .maintabs #btn-tabs-prev,
#IE6 #content .maintabs #btn-tabs-next {display: block;}
#content .maintabs .item1,
#content .maintabs .item2,
#content .maintabs .item3,
#content .maintabs .item4,
#content .maintabs .item5 {
    height: 290px;
    margin: 0 12px;
    width: 926px;
}
#content .maintabs .item1 {background: #262626 url(img/bg-carousel-item1.jpg) top left no-repeat;}
#content .item1 img, #content .item2 img{float:right;}
#content .item1 h2{width:530px;font-size:1em !important;}
#content .item2 h2{width:530px;font-size:1em !important;}
#content .item1 h1{font-size:1.6em !important;}
#content .item1 h2{font-size:1.6em !important;}
#content .maintabs .item1 .wrapper {
    background: none;
    margin: 0;
    padding: 30px 30px 10px 30px;
}
#content .maintabs .item2 {background: #262626 url(img/bg-carousel-item2.jpg) top left no-repeat;}
#content .maintabs .item2 .wrapper {padding: 25px 100px 10px 30px;}
#content .maintabs .item2 .illu {
    float: right;
    margin: 25px 30px 0 0;
}
#content .maintabs h1 {font-size: 1.4em;}
#content .maintabs h1 strong {font-size: 1em; text-transform: uppercase;}
#content .maintabs .item2 h1 {margin-bottom: 10px;}
#content .maintabs h2 {
    color: #00AAFF;
    font-size: 1.2em;
    margin-top: 15px;
}
#content .maintabs p {
    color: #00AAFF;
    font-size: 1em;
    font-style: italic;
    margin-top: 15px;
    width: 530px;
}
#content .maintabs ul {margin-bottom: 15px;}
#content .maintabs ul li {
    /*background: url(img/ico-blue-square.png) 0 0.6em no-repeat;*/
    font-size: 0.9em;
    padding-left: 10px;
}
#content .maintabs strong {
    font-size: 1em;
    font-weight: bold;
}
#content .maintabs a {
    color:#FFFFFF;
	font-style:italic;
}
#content .maintabs ul li em {
    font-weight: bold;
    text-decoration: underline;
}
#content #tabsnav {
    display: none;
    height: 53px;
    margin: 0 12px;
}
#content #tabsnav li {
    background: url(img/bg-maintabs-nav-tab3.png) top left repeat-x;
    border-right: 1px solid #262626;
    float: left;
    height: 53px;
    margin: 0;
    width: 183px;
}
#content #tabsnav li.tab1 {background-image: url(img/bg-maintabs-nav-tab1.png); border: 0; width: 193px;}
#content #tabsnav li.last {border: 0;}
#content #tabsnav li.tab2 {width: 181px;}
#content #tabsnav li a {
    color: #A4A4A4;
    font-size: 0.8em;
    display: block;
    height: 53px;
    line-height: 1em;
    padding: 17px 0;
    text-align: center;
    text-decoration: none;
}
#IE6 #content #tabsnav li a {height: 17px; padding-bottom:16px;}
#content #tabsnav li.simple a {padding: 22px 0;}
#IE6 #content #tabsnav li.simple a {height: 9px; padding-bottom:21px;}
#content #tabsnav li.tab1 a {padding-right: 10px;}
#content #tabsnav li a em {
    display: block;
    font-size: 1.4em;
    font-style: normal;
    text-transform: uppercase;
}

#content #tabsnav li.tab1.ui-tabs-selected {background-image: url(img/bg-maintabs-nav-tab1-active.png);}
#content #tabsnav li.ui-tabs-selected {background-image: url(img/bg-maintabs-nav-tab3-active.png);}
#content #tabsnav li.ui-tabs-selected a {color: #FFFFFF;}

/* Headers, paragraphs, lists and links */
#content h1 {
    color: #FFFFFF;
    font-size: 1.7em;
    font-weight: bold;
    margin-bottom: 20px;
}
#content h2 {
    color: #555657;
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: 20px;
}
#content h2 span.dark {
    background-color: #3A3D41;
    color: #FFFFFF;
    font-size: 0.9em;
    padding: 2px;
}

#content h3 {
    color: #00AAFF;
    font-size: 1.3em;
    font-weight: bold;
    letter-spacing: -0.05em;
    margin: 20px 0 10px;
}

#content h4 {
    color: #555657;
    font-size: 1.1em;
    font-weight: bold;
    letter-spacing: -0.05em;
    margin: 20px 0 10px;
}
#content q {display: block;}
#content p,
#content q,
#content ul li {
    font-size: 0.8em;
    line-height: 1.4em;
}
#content p,
#content q {margin-bottom: 10px;}

#content q:before {content: "« ";}
#content q:after {content: " »";}

#content a {
    color: #595858;
    font-weight: bold;
    text-decoration: underline;
}
#content a:hover {text-decoration: none;}

/* Columns */
#content .col {
    border-left: 1px solid #E3E2E1;
    color: #595858;
    float: left;
    margin-top: 20px;
    padding: 0 15px;
    width: 277px;
}
#content .col:first-child, #content .col-first {border-left: 0;}

/* Column 1 */
#content .col1 h3 {
    font-size: 1.1em;
    letter-spacing: normal;
}
#IE6 #content .col1 .accordion {
    overflow: hidden;
    width: 277px;
}
#content .col1 .accordion a.item {
    background: #3A3D41 url(img/bg-accordion-left.png) top left no-repeat;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    left: -38px;
    margin-top: 20px;
    padding: 9px 5px 9px 38px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    width: 277px;
}
#content .col1 .accordion a.active {background: #3A3D41 url(img/bg-accordion-active-left.png) top left no-repeat;}
#content .col1 .accordion div {
    overflow: auto;
    width: 277px;
}
#content .col1 .accordion div h3:first-child,
#content .col1 .accordion div h3.first {margin-top: 10px;}

/* Column 2 : partners */
#content .partners {
    font-size: 0.85em;
    margin-top: 20px;
    text-align: center;
}
#IE6 #content .partners .carousel li,
#IE6 #content .partners .carousel li img {position: relative;}
#content .partners .carousel p {
    background: url(img/line-dotted-partenaires.png) top center no-repeat;
    font-size: 1.05em;
    margin-top: 10px;
    padding-top: 10px;
	height:100px;
}
#content .partners p {
    margin: 10px auto;
    width: 70%;
}

#content .partners .btn {
    background: url(img/bg-partners-carousel-btn-top.png) top no-repeat;
    display: none;
    height: 33px;
    text-align: center;
    width: 246px;
}
#content .partners .btn a {
    display: inline-block;
    display: -moz-inline-box;
    height: 33px;
    text-decoration: none;
    vertical-align: top;
    width: 34px;
}
#content .partners .btn a.prev {background: url(img/partners-carousel-btn-prev.png) top right no-repeat;}
#content .partners .btn a.prev:hover {background-position: bottom right;}
#content .partners .btn a.next {background: url(img/partners-carousel-btn-next.png) top left no-repeat;}
#content .partners .btn a.next:hover {background-position: bottom left;}
#content .partners .btn a img {height: 33px; width: 34px;}

/* Column 3 : start */
#content .col .start {margin-bottom: 20px;}
#content .col .start li {background: url(img/bg-start-item.png) bottom repeat-x;}
#content .col .start a {
    color: #595858;
    display: block;
    font-weight: normal;
    overflow: auto;
    padding: 8px 0;
    text-decoration: none;
}
#content .col .start a img {
    float: left;
    margin-right: 5px;
}
#content .col .start strong {
    color: #FF6C00;
    font-weight: bold;
    text-decoration: underline;
}

/* Wrapper bottom */
#content .wrapper-bottom {
    background: #FDFDFE url(img/bg-more-top.png) top left repeat-x;
    margin: 20px 12px 0;
    padding-bottom: 20px;
    overflow: auto;
}
#content .wrapper-bottom .col {border: none;}
#content .wrapper-bottom ul {
    border-top: 1px solid #00AAFF;
    padding-top: 10px;
}
#content .wrapper-bottom ul li {
    background: url(img/ico-blue-dot.png) 0 0.6em no-repeat;
    margin-bottom: 5px;
    padding-left: 10px;
}
#content .wrapper-bottom ul li a {
    font-weight: normal;
    text-decoration: none;
}
#content .wrapper-bottom ul li a:hover {text-decoration: underline;}

.col1{padding:10px; width:320px; float:left; border-right:1px solid #CCC;}
.col2{width:550px; padding:50px 10px 10px 10px; float:left;}
.col1-footer{width:550px; padding:10px; float:left;}
.col1-footer a{font-size:12px;}
.col2-footer{padding:10px; width:320px; border-left:1px solid #CCC; float:left;}
/* Footer */
#footer {
    background-color: #3F3F3F;
    color: #8F8F8F;
    font-size: 0.7em;
    margin: 0 12px;
    padding: 10px 0;
    text-align: center;
}
#footer .wrapper {
    margin: 0 auto;
    width: 880px;
}
#footer a {text-decoration: underline; color: #999999;}
#footer a:hover {color: #BBBBBB;}