body {
  background: #669acc url(../images/bg_page.png) repeat-x 0 -55px;
  color: #adadad;
  font-family: Arial, sans-serif;
  font-size: 62.5%;
  line-height: 1;
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6, p, li, ol, dl, dt, dd {
  line-height: 1;
  margin: 0;
  padding: 0;
}

form, textarea {
  margin: 0;
}

ul, ul ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

img {
  border: none;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline; 
}

input, select, textarea {
  font-family: Arial, sans-serif;
  vertical-align: middle;
}

input.input-text, textarea {
    margin: 0;
    padding: 0;
}

fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

label {
    display: inline;
    font-weight: normal;
    padding: 0;
    white-space: normal;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

#container {
    margin: 0 auto;
    padding: 5px 0 0;
    width: 982px;
}

#header {
    background: url(../images/bg_header.jpg) no-repeat;
    height: 102px;
    padding: 0 7px 0 0;
    text-align: right;
}

#logo {
    float: left;
}

.lang-selection, .lang-selection li {
    display: inline;
}

.lang-selection li {
    margin-left: 3px;
}

.lang-selection a {
    background: no-repeat 0 -23px;
    display: inline-block;
    height: 23px;
    margin: 7px 0 0;
    text-align: left;
    text-indent: -1000em;
    width: 16px;
}

.lang-selection li.fr a {
    background-image: url(../images/flag_fr.png);
}

.lang-selection li.en a {
    background-image: url(../images/flag_en.png);
}

.lang-selection a:hover, .lang-selection li.active a {
    background-position: 0 0;
}

.mini-search {
    padding: 48px 0 0;
}

.mini-search input.input-text {
    border: 1px solid #adadad;
    color: #616363;
    font-size: 1.2em;
    margin-right: 2px;
    padding: 0 7px;
    width: 172px;
}

#nav {
    background: #669acc;
    border-left: 1px solid #adadad;
    border-right: 1px solid #adadad;
    height: 32px;
    padding: 0 14px 0 11px;
}

#nav .main-nav {
    float: left;
    position: relative;
    z-index: 1;
}

#nav .main-nav li {
    float: left;
    position: relative;
    min-width: 100px;
}

#nav .main-nav a {
    color: #fff;
    display: block;
    font-size: 1em;
    height: 32px;
    line-height: 32px;
    padding: 0 23px;
    text-align: center;
    text-transform: uppercase;
}

#nav .main-nav a.active, #nav .main-nav a.over {
    background: #fff;
    color: #11aabe;
    text-decoration: none;
}

#nav .main-nav li div {
    display: none;
    left: 0;
    position: absolute;
    top: 32px; 
    width: 155px;
}

#nav .main-nav li ul {
    background: #fff;
    padding: 5px 0 0;
    width: 155px;
}

#nav .main-nav li span.bottom {
    background: #FFF;
    display: block;
    font-size: 1px;
    height: 9px;
}

#nav .main-nav li li {
    float: none;
}

#nav .main-nav li li a {
    background: #fff;
    color: #adadad;
    font-size: 1.1em;
    height: auto;
    line-height: 1.18;
    padding: 0 5px 0 10px;
    text-align: left;
    text-transform: none;
    width: 140px;
}

#nav .main-nav li li a:hover, #nav .main-nav li li.over a {
    color: #11aabe;
}

#nav .main-nav li li div {
    left: 115px;
    top: 0;
}

#nav .main-nav li li li a {
     color: #adadad;   
}

#nav .add-nav {
    float: right;
    padding: 6px 0 0;
}

#nav .add-nav li {
    display: inline;
    float: left;
    height: 22px;
    margin-left: 6px;
}

#nav .add-nav li.recrutation {
    background: url(../images/btn_rec_right.png) no-repeat right top;
}

#nav .add-nav li.contact {
    background: url(../images/btn_con_right.png) no-repeat right top;
}

#nav .add-nav a {
    color: #fff;
    display: block;
    font-size: 1em;
    line-height: 22px;
    padding: 0 10px;
    text-transform: uppercase;
}

#nav .add-nav a:hover {
    text-decoration: none;
}

#nav .add-nav li.recrutation a {
    background: url(../images/btn_rec_left.png) no-repeat;
}

#nav .add-nav li.contact a {
    background: url(../images/btn_con_left.png) no-repeat;
}

#page {
    background: #fff;
    border: 1px solid #adadad;
    border-top: none;
    margin: 0;
    padding: 16px 7px 5px 12px;
}

#footer {
    background: url(../images/bg_footer.png) no-repeat;
    height: 22px;
    line-height: 22px;
    text-align: center;
}

#footer p, #footer ul, #footer li {
    color: #fff;
    display: inline;
    line-height: 22px;
}

#footer a {
    color: #fff;
}

.page-body {
    background: url(../images/columns_separator.png) no-repeat 721px bottom;
    padding: 0;
}

.home-page-body {
    position: relative;
}

.main-col {
    background: url(../images/columns_separator_top.png) no-repeat 721px 0;
    float: left;
    padding-right: 35px;
    width: 713px;
}

.home-page-body .main-col {
    padding-bottom: 65px;
}

.side-col {
    float: right;
    width: 201px;
}

.home-diaporama {
    border: 1px solid #b2b2b2;
    margin: -4px 0 10px;
    position: relative;
}

.home-diaporama h2 {
    background: #adadad;
    color: #fff;
    font-size: 1.4em;
    padding: 2px 4px 3px;
}

.home-diaporama #diaporama {
    height: 210px;
    position: relative;
    width: 711px;
}

.home-diaporama .diaporamaPrev, .home-diaporama .diaporamaNext {
    cursor: pointer;
    position: absolute;
    top: -16px;
}

.home-diaporama .diaporamaPrev {
    right: 29px;
}

.home-diaporama .diaporamaNext {
    right: 6px;
}

.home-diaporama #diaporamaContent {
    position: absolute;
    top: 0;
    width: 711px;
}

.home-diaporama .diaporamaImage {
    display: none;
    float: left;
    position: relative;
}

.home-diaporama .diaporamaImage img {
    display: block;
}

.home-diaporama .diaporamaImage div.text {
    display: none;
    height: 210px;
    left: 0;
    position: absolute;
    top: 0;
    width: 232px;
}

.home-diaporama .diaporamaImage div.text div {
    background: url(../images/diaporama_overlay.png);
    height: 178px;
    padding: 32px 12px 0 17px;
    width: 203px;
}

.clear {
    clear: both;
}
.clearleft {
    clear: both;
}

.home-diaporama h3 {
    color: #8b8a8a;
    font-size: 2.4em;
    margin: 0 0 28px;
}

.home-diaporama p {
    color: #8b8a8a;
    font-size: 1.1em;
    line-height: 1.18;
}

.home-diaporama a {
    color: #669acc !important;
    font-size: 1.1em;
    position: absolute;
    right: 18px;
    text-decoration: underline;
    top: 188px;
}

.activities {
    margin: 0 0 5px;
}

.activities .head {
    background: url(../images/bg_activities_header.png) no-repeat 0 8px;
    padding-left: 39px;
}

.activities .head h2 {
    background: #fff;
    color: #669acc;
    display: inline;
    font-size: 1.8em;
    font-weight: normal;
    padding: 0 8px;
}

.activities .act-list {
    position: relative;
    width: 713px;
}

.activities li {
    float: left;
    height: 128px;
    padding: 13px 8px 12px 18px;
    position: relative;
    width: 325px;
}

.activities li a {
    color: #fff !important;
}

.activities li a:hover {
    text-decoration: none;
}

.activities li span.pngfix {
    background: url(../images/activities_overlay.png) no-repeat;
    bottom: 12px;
    display: block;
    height: 45px;
    left: 18px;
    padding: 5px 7px 0;
    position: absolute;
    width: 311px;
}

.activities li#act1 span.pngfix {
    padding-right: 108px;
    text-align: left;
    width: 210px;
}

.activities li#act2 span.pngfix {
    padding-left: 108px;
    text-align: right;
    width: 210px;
}

.activities li#act3 span.pngfix {
    text-align: left;
}

.activities li#act4 span.pngfix {
    text-align: right;
}

.activities li span.pngfix strong {
    display: block;
    font-size: 1.4em;
    margin: 0 0 1px;
}

.activities li a:hover strong {
    text-decoration: underline;
}

.activities li span.pngfix span {
    font-size: 1.1em;
    line-height: 1.18;
}

.activities span.act-center-img {
    background: url(../images/activities_center.png) no-repeat;
    left: 242px;
    position: absolute;
    top: 33px;
    width: 232px;
    height: 232px;
}

.home-bottom {
    background: url(../images/bg_home_bottom.png) no-repeat;
    bottom: 0;
    height: 63px;
    left: 0;
    padding: 13px 16px 0 15px;
    width: 682px;
}

.home-bottom .services-box {
    background: url(../images/home_bottom1.png) no-repeat;
    float: left;
    height: 46px;
    padding: 6px 13px 0;
    width: 252px;
}

.home-bottom .services-box h3 {
    color: #669acc;
    font-size: 1.2em;
    margin: 0 0 3px;
}

.home-bottom .services-box p {
    color: #706f6f;
    font-size: 1.1em;
    line-height: 1.18;
}

.home-bottom .alert-box {
    background: url(../images/home_bottom2.png) no-repeat;
    float: right;
    height: 32px;
    padding: 20px 14px 0;
    width: 366px;
}

#scroller-container {
    height: 16px;
    overflow: hidden;
    position: relative;
    width: 366px;
}

#scroller {
    color: #7e7d7d;
    font-size: 1.1em;
    white-space: nowrap;
}

.member-access {
    background: #669acc url(../images/bg_access.png) no-repeat 0 19px;
    margin: 0 0 8px;
    padding: 39px 2px 14px 7px;
    position: relative;
}

.member-access h3 {
    background: url(../images/acces_membres.png) no-repeat;
    height: 31px;
    right: 0;
    overflow: hidden;
    position: absolute;
    text-indent: -1000em;
    top: -12px;
    width: 227px; 
}

.member-access p {
    color: #fff;  
    font-size: 1.2em;
    font-weight: bold;
    margin: 0 0 6px;
}

.member-access input.input-text {
    border: 1px solid #fff;
    color: #adadad;
    font-size: 1.1em;
    margin: 3px 0;
    padding: 0 5px;
    width: 176px;
}

.member-access input.input-password {
    margin-right: 4px;
    width: 151px;
}

.member-access a {
    color: #e1d03c !important;
    display: -moz-inline-box;
    display: inline-block;
    font-size: 1.1em;
    margin: 7px 0 0;
    text-decoration: underline;
}

.side-col .contact-link, .side-col  .demo-link {
    color: #fff !important;
    display: block;
    font-size: 1.2em;
    height: 39px;
    line-height: 39px;
    padding-left: 65px;
    text-transform: uppercase;
}

.side-col .contact-link {
    background: url(../images/bg_contact_link.png) no-repeat;
    margin: 0 0 7px;
}

.side-col .demo-link {
    background: url(../images/bg_demo_link.png) no-repeat;
    margin: 0 0 10px;
}

#beamyourscreen {
    font-size: 1.2em;
}
#beamyourscreen strong {
    display: block;
    margin-bottom: 15px;
}

.news-block {
    background: url(../images/border_news.png) no-repeat left bottom;
    margin: 10px 0 7px; 
    padding: 0 0 3px; 
}

.news-block h3 {
    background: url(../images/bg_news_head.png) no-repeat;
    color: #e1d03c;
    font-size: 1.4em;
    height: 24px;
    margin: 0 0 1px;
    padding: 9px 0 0 37px; 
    text-transform: uppercase;
}

.news-block ul {
    height: 150px;
    position: relative;
}

.home-page-body .news-block ul {
    height: 261px;
}

.news-block li {
    height: 217px;
    position: absolute;
}

.home-page-body .news-block li {
    height: 261px;
}

.news-block p {
    background: url(../images/news_bullet.png) no-repeat 0 9px;
    color: #adadad;
    font-size: 1.1em;
    line-height: 1.18;
    padding: 7px 0 0 14px;
}

.news-block p a {
    color: #669acc !important;
    font-weight: bold;
}

.partners-block {
    background: #669acc;
    padding: 11px 6px 6px 9px;
}

.partners-block .head {
    background: url(../images/bg_partners_head.png) no-repeat 0 6px;
    margin: 0 0 9px;
    padding-left: 10px;
}

.partners-block h3 {
    background: #669acc;
    color: #fff;
    display: inline;
    font-size: 1.4em;
    padding: 0 4px;
}

.partners-block li {
    font-size: 1.1em;
    line-height: 1.64;
}

.partners-block li a {
    color: #fff !important;
    text-decoration: underline;
}

.partners-block .bottom-link {
    margin: 4px 0 0;
    text-align: right;
}

.partners-block .bottom-link a {
    color: #e1d03c;
    font-size: 1.1em;
    text-decoration: underline;
}

.sub-nav {
    margin: 0 0 4px;
}

.sub-nav h3 {
    color: #11aabe;
    font-size: 1em;
    margin: 0 0 6px -15px;
    position: relative;
    text-transform: uppercase;
    width: 201px;
}

.sub-nav ul {
    padding-left: 28px;
}

.sub-nav li {
    line-height: 1.3;
}

.sub-nav li a {
    color: #adadad;
    font-size: 1.1em;
    padding-left: 16px;
}

.sub-nav li a:hover, .sub-nav li a.active {
    background: url(../images/submenu_bullet.png) no-repeat 0 3px;
    color: #11aabe;
    text-decoration: none;
}

.sub-nav li ul {
    padding-left: 52px;
}

.sub-nav li li a {
    padding-left: 0;
}

.sub-nav li li a:hover, .sub-nav li li a.active {
    background: none;
    text-decoration: underline;
}

.breadcrumbs {
    margin: 0 0 11px;
}

.breadcrumbs ol, .breadcrumbs li {
    display: inline;
}

.breadcrumbs a {
    color: #adadad !important;
}

.main-col h1 {
    background: #adadad;
    color: #fff;
    font-size: 1.1em;
    margin: 0 0 18px;
    padding: 4px 6px 5px;
    text-transform: uppercase;
}

.article-body h2 {
    color: #669acc;
    font-size: 1.2em;
    margin: 15px 0;
}

.article-body h3, .article-body h4, .article-body h5, .article-body h6 {
    font-size: 1.2em;
    font-weight: normal;
    margin: 15px 0;
}

.article-body p, .article-body li {
    font-size: 1.2em;
    line-height: 1.25;
    text-align: justify;
}

.article-body p, .article-body ul, .article-body ol {
    margin: 15px 0;
}

.article-body ul, .article-body ol {
    padding-left: 22px;
}

.article-body li {
    padding-left: 14px;
}

.article-body ul li {
    background: url(../images/article_list_bullet.png) no-repeat 0 4px;
}

.article-body a {
    color: #e1d03c !important;
}

.article-body img.center-img {
    margin: 0 1px;
}

.encart h1 {
    margin: 0;
}

.encart-section a {
    border-bottom: 1px solid #efefef;
    color: #adadad;
    display: block;
    padding: 18px 9px 13px; 
}

.encart-section a:hover {
    background: #11aabe;
    border-bottom: 1px solid #a0dde5;
    color: #fff;
    text-decoration: none;
}

.encart-section img {
    float: left;
    margin-right: 6px; 
}

.encart-section strong {
    color: #669acc;
    display: block;
    font-size: 1.2em;
    margin: 0 0 6px;
}

.encart-section a:hover strong {
    color: #fff;
}

.encart-section span {
    display: block;
    font-size: 1.2em;
    line-height: 1.17;
    text-align: justify;
}

.company-data {
    background: url(../images/border_news.png) no-repeat;
    padding: 14px 0 0;
    text-align: center;
}

.company-data p {
    font-size: 1.1em;
    line-height: 1.27;
    margin: 15px 0;
}

.company-data p b,
.company-data p strong {
    color: #11aabe;
    font-size: 1.09em;
}

.company-data p a {
    color: #11aabe !important;
    text-decoration: underline;
}

.company-data .bottom-link {
    background: url(../images/border_news.png) no-repeat left bottom;
    padding: 0 0 9px;
    text-align: right;
}

.company-data .bottom-link  a {
    background: url(../images/arrow_blue.png) no-repeat 0 2px;
    color: #11aabe;
    font-weight: bold;
    padding-left: 21px;
    text-transform: uppercase;
}

.contact-page h1 {
    background: #e1d03c;
}

.contact-page p {
    font-size: 1.2em;
    line-height: 1.25;
    text-align: justify;
}

.contact-page .col-1, .contact-page .col-2 {
    float: left;
    margin-top: 24px;
}

.contact-page .col-1 {
    margin-right: 60px;
}

.contact-page label {
    color: #669acc;
    display: inline-block;
    font-size: 1.1em;
    margin-right: 8px;
    text-align: right;
    width: 120px;
}

.contact-page label.line-label {
    display: block;
    margin: 28px 0 3px;
    text-align: left;
    width: auto;
}

.contact-page input.input-text, .contact-page select, .contact-page textarea {
    border: 1px solid #e5e4e3;
    color: #adadad;
    font-size: 1.1em;
    margin: 4px 0;
}

.contact-page input.input-text, .contact-page textarea {
    padding: 0 4px;
}

.contact-page input.input-text {
    width: 170px;
}

.contact-page select {
    height: 18px;
    width: 180px;
}

.contact-page textarea {
    height: 54px;
    width: 705px;
}

.contact-page .error {
    border: 1px solid red !important;
}

.contact-page span.required {
    color: #669acc;
    display: block;
    font-size: 1.1em;
    margin: 9px 0 0 128px;
}

.contact-page .button-set {
    margin: 8px 0 0;
    text-align: right;
}

.contact-page .button-set input {
    background: url(../images/bg_contact_button.png) no-repeat;
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 1.1em;
    height: 27px;
    padding-left: 55px;
    text-align: left;
    text-transform: uppercase;
    width: 137px;
}

.contact-page .tx_spbettercontact_info_positive {
	text-align: center;
	display: block;
	color: #01b101;
	font-weight: bold;
	margin: 10px 0;
}
.contact-page .tx_spbettercontact_info_negative {
	text-align: center;
	display: block;
	color: #840000;
	font-weight: bold;
	margin: 10px 0;
}

/* sitemap */

.csc-sitemap ul li a {
	font-size: 15px;
	color:#669ACC !important;
}
.csc-sitemap ul li ul,
.csc-sitemap ul li ul li ul {
	margin: 0 0 10px 0;	
}
.csc-sitemap ul li ul li a {
	font-size: 13px;
}
.csc-sitemap ul li ul li ul li a {
	font-size: 11px;
}