@import url(oliv.css);

@font-face {
   font-family: 'FolksRegular';
   src: url('folksnormal.eot');
   src: local('Folks'), local('Folks-Normal'), url('folksnormal.woff') format('woff'), url('folksnormal.ttf') format('truetype');
}

/* reset */
body {
   font-size: .625em;
   font-family: arial,sans-serif;
   padding: 0;
   margin: 0;
}
img, fieldset {
   border: 0;
}
fieldset, legend, ul, ol, dd {
   margin: 0;
   padding: 0;
}
h1, h2, h3, h4, h5, p {
   margin: 0;
   font-weight: normal;
   font-size: 1em;
}
ul {
   list-style: none;
}
a:hover {
   text-decoration: none;
}
sup {
   line-height: .8em;
   vertical-align: top;
}


/* general */
span.image, span.mask {
   display: block;
   position: absolute;
   left: 0;
   top: 0;
   background-color: transparent;
   background-repeat: no-repeat;
   background-position: left top;
}
a span.image {
   cursor: pointer;
}
span.mask {
   background-repeat: repeat;
}
img.alignLeft {
   margin: 5px 15px 5px 5px;
   float: left;
}
p.linkback {
   text-align: right;
   padding-top: 20px;
}
.textContent p.source {
   font-size: 1.05em;
   padding-top: 10px;
}
.borderize {
   float: left;
   border: 1px solid #22458F;
}


/* page */
.backgroundLeft {
   background: #fff url(img/bg_sides.png) left top repeat-y;
   width: 1000px;
   padding-left: 10px;
   margin: 0 auto;
}
.backgroundRight {
   background: #fff url(img/bg_sides.png) right top repeat-y;
   width: 990px;
   padding-right: 10px;
}
#page {
   width: 940px;
   padding: 15px 25px 5px;
   color: #6e6f7f;
   background-color: #fff;
}

iframe.tracker {
  position:absolute;
}

/* min-height for ie */
#page {
   height: 500px;
}
html>body #page {
   height: auto;
   min-height: 500px;
}


/* page > header */
#header {
   overflow: hidden;
}

#logo {
   float: left;
   width: 576px;
   overflow: hidden;
}
#logo a {
   display: block;
   float: left;
   width: 145px;
   height: 59px;
   line-height: 59px;
   color: #004b93;
   text-decoration: none;
   font-size: 3em;
}
#logo img {
   display: block;
   float: left;
}

#tagline {
   font-size: 1.3em;
   position: relative;
   float: left;
   display: block;
   width: 416px;
   height: 41px;
   margin: 24px 0 0 13px;
   padding: 3px 0 0 2px;
   line-height: 1.5em;
}
.IE #tagline {
   display: inline;
}
#tagline span.firstLine {
   color: #0e58b1;
}
#tagline span.image {
   background-image: url(img/tagline.png);
   width: 418px;
   height: 41px;
}

#formCallback {
   float: left;
   background: #f0f1f2 url(img/phone.png) 7px 8px no-repeat;
   padding: 4px 20px 5px 34px;
   margin-left: 20px;
   display: inline;
}
.IE #formCallback {
   padding-bottom: 2px;
}
#formCallback fieldset {
   width: 202px;
}
#formCallback legend {
   display: none;
}
#formCallback label {
   color: #0e58b1;
   font-weight: bold;
   font-size: 1.1em;
   position: relative;
   display: block;
   width: 202px;
   height: 16px;
}
#formCallback label span.image {
   display: block;
   position: absolute;
   left: 0;
   top: 0;
   background: transparent url(img/txt_rappel.png) left top no-repeat;
   width: 202px;
   height: 16px;
}
#formCallback select {
   font-size: 1.1em;
}
#formCallback #callTime {
   display: block;
   width: 198px;
   margin-top: 2px;
}
#formCallback #submitCallback {
   display: block;
   width: 60px;
   height: 18px;
   line-height: 18px;
   text-align: center;
   color: #fff;
   background-color: #acc731;
   margin: 4px auto 0;
   font-weight: bold;
   font-size: 1.2em;
}

#logoGMF {
   float: right;
   font-size: 3em;
   width: 69px;
   height: 69px;
   line-height: 69px;
}


/* page > header > menu */
#menu {
   font-size: 1.2em;
   padding-top: 10px;
   width: 940px;
   height: 31px;
   overflow: hidden;
   float: left;
}
#menu li {
   float: left;
   background-color: #95be0f;
   margin-left: 5px;
   text-align: center;
}
#menu li#homeMenuItem {
   margin-left: 0;
}
#menu li a {
   color: #fff;
   text-decoration: none;
   position: relative;
   height: 31px;
   line-height: 31px;
   display: block;
}

#menu li a:hover, #menu li.active, #menu li.active a:hover {
   background-color: #003882;
}
#menu li span.image {
   height: 31px;
   background-image: url(img/menu.png);
}

#menu li#homeMenuItem a {
   width: 83px;
}
#menu li#homeMenuItem span.image {
   width: 83px;
   background-position: left top;
}
#menu li#homeMenuItem a:hover span.image {
   background-position: left -41px;
}
#menu li#homeMenuItem.active span.image, #menu li#homeMenuItem.active a:hover span.image {
   background-position: left -83px;
}

#menu li#accoliaMenuItem a {
   width: 82px;
}
#menu li#accoliaMenuItem span.image {
   width: 82px;
   background-position: -88px top;
}
#menu li#accoliaMenuItem a:hover span.image {
   background-position: -88px -41px;
}
#menu li#accoliaMenuItem.active span.image, #menu li#accoliaMenuItem.active a:hover span.image {
   background-position: -88px -83px;
}

#menu li#benefitsMenuItem a {
   width: 112px;
}
#menu li#benefitsMenuItem span.image {
   width: 112px;
   background-position: -175px top;
}
#menu li#benefitsMenuItem a:hover span.image {
   background-position: -175px -41px;
}
#menu li#benefitsMenuItem.active span.image, #menu li#benefitsMenuItem.active a:hover span.image {
   background-position: -175px -83px;
}

#menu li#guaranteesMenuItem a {
   width: 111px;
}
#menu li#guaranteesMenuItem span.image {
   width: 111px;
   background-position: -292px top;
}
#menu li#guaranteesMenuItem a:hover span.image {
   background-position: -292px -41px;
}
#menu li#guaranteesMenuItem.active span.image, #menu li#guaranteesMenuItem.active a:hover span.image {
   background-position: -292px -83px;
}

#menu li#ratesMenuItem a {
   width: 89px;
}
#menu li#ratesMenuItem span.image {
   width: 89px;
   background-position: -408px top;
}
#menu li#ratesMenuItem a:hover span.image {
   background-position: -408px -41px;
}
#menu li#ratesMenuItem.active span.image, #menu li#ratesMenuItem.active a:hover span.image {
   background-position: -408px -83px;
}

#menu li#customerMenuItem a {
   width: 100px;
}
#menu li#customerMenuItem span.image {
   width: 100px;
   background-position: -502px top;
}
#menu li#customerMenuItem a:hover span.image {
   background-position: -502px -41px;
}
#menu li#customerMenuItem.active span.image, #menu li#customerMenuItem.active a:hover span.image {
   background-position: -502px -83px;
}

#menu li#faqMenuItem a {
   width: 149px;
}
#menu li#faqMenuItem span.image {
   width: 149px;
   background-position: -607px top;
}
#menu li#faqMenuItem a:hover span.image {
   background-position: -607px -41px;
}
#menu li#faqMenuItem.active span.image, #menu li#faqMenuItem.active a:hover span.image {
   background-position: -607px -83px;
}

#menu li#prevMenuItem a {
   width: 95px;
}
#menu li#prevMenuItem span.image {
   width: 95px;
   background-position: -761px top;
}
#menu li#prevMenuItem a:hover span.image {
   background-position: -761px -41px;
}
#menu li#prevMenuItem.active span.image, #menu li#prevMenuItem.active a:hover span.image {
   background-position: -761px -83px;
}

#menu li#quizMenuItem a {
   width: 79px;
}
#menu li#quizMenuItem span.image {
   width: 79px;
   background-position: -861px top;
}
#menu li#quizMenuItem a:hover span.image {
   background-position: -861px -41px;
}
#menu li#quizMenuItem.active span.image, #menu li#quizMenuItem.active a:hover span.image {
   background-position: -861px -83px;
}


/* page > content */
#content {
   margin-top: 15px;
   overflow: hidden;
}
.IE #content {
   zoom: 1;
}

.ctl, .ctr, .cbl, .cbr {
   display: block;
   width: 7px;
   height: 7px;
   line-height: 7px;
   position: absolute;
   background-color: transparent;
   background-image: url(img/corners.png);
   background-repeat: no-repeat;
   z-index: 1;
}
.ctl, .ctr {
   top: 0;
}
.cbl, .cbr {
   bottom: 0;
}
.ctl, .cbl {
   left: 0;
}
.ctr, .cbr {
   right: 0;
}


/* page > content > left column */
#leftCol {
   float: left;
   width: 648px;
   padding: 0 12px 0 40px;
   overflow: hidden;
}
.index #leftCol {
   width: 700px;
   padding: 0;
}
.IE #leftCol {
   zoom: 1;
}

.textContent h1 {
   font-size: 1.5em;
   font-weight: bold;
   color: #0e58b1;
   position: relative;
   margin: 5px 0 12px;
   padding-left: 2px;
   height: 20px;
}
.textContent h2 {
   background: #104594 url(img/bg_page_title.png) left top repeat-y;
   font-size: 1.3em;
   color: #fff;
   width: 400px;
   padding: 3px 236px 4px 12px;
   margin: 12px 0 8px;
}
.textContent h2 a {
   color: #fff;
}
.textContent h2 .bullet {
   display: block;
   background: transparent url(img/bullet_arrow_green.png) left 1px no-repeat;
   padding-left: 12px;
}
.textContent p,
.textContent ul,
.textContent ol {
   font-size: 1.2em;
   margin-top: 8px;
}
.textContent ul p,
.textContent ol p {
   font-size: 1em;
}
.textContent ul ul,
.textContent ol ul,
.textContent ul ol,
.textContent ol ol {
   font-size: 1em;
   margin-left: 15px;
}
.textContent li {
   margin-top: 8px;
}
.textContent p.txtBureauVeritas {
   margin-left: 183px;
}
.textContent p.graph {
   overflow: hidden;
}
.textContent p.message {
   color: #e67f33;
}
.textContent p.relevant {
   padding: 8px 5px 8px 18px;
   background: #fff url(img/bullet_arrow_green_bg_white.png) 6px 8px no-repeat;
   border: 1px solid #0E58B1;
   font-weight: bold;
}
.textContent a {
   color: #0e58b1;
}
.textContent a.topPageLink {
   float: right;
   font-size: 1.2em;
}
.textContent a.topPageLink span {
   line-height: 1.4em;
   vertical-align: text-bottom;
}
.textContent ul.listOfText {
   margin-top: 12px;
}
.textContent ul.listOfText li {
   background: #fff url(img/bullet_disk_green.png) left 2px no-repeat;
   padding-left: 15px;
   margin-top: 12px;
}
.textContent ul.listOfText ul li {
   background: none;
   padding: 0;
   margin-top: 5px;
}
.textContent ul.listOfLink {
   margin-bottom: 18px;
}
.textContent ul.listOfLink li {
   margin-top: 8px;
   background: #fff url(img/bullet_arrow_green_bg_white.png) left 1px no-repeat;
   padding-left: 12px;
}
.textContent .note {
   text-decoration: none;
}
.textContent img.logoBureauVeritas {
   float: left;
}
.textContent img.satisfactionGraph {
   display: block;
   float: left;
   margin: 10px 0 10px 10px;
}
.textContent img.signupEasinessGraph {
   display: block;
   float: left;
   margin: 10px 0 10px 20px;
}
.textContent table caption {
   display: none;
}
.textContent table.rates {
   border: 1px solid #bace35;
   text-align: center;
   border-collapse: collapse;
   margin-bottom: 12px;
   width: 100%;
}
.textContent table.rates thead {
   font-size: 1.2em;
}
.textContent table.rates tbody {
   color: #2458a1;
   font-weight: bold;
   font-size: 1.3em;
}
.textContent table.rates th {
   border-right: 1px solid #fff;
   padding: 8px 0;
   background-color: #bace35;
}
.textContent table.rates th.last {
   border: 0;
}
.textContent table.rates td {
   border: 1px solid #bace35;
   padding: 8px 0;
}
.textContent table.persoRates {
   border-collapse: collapse;
   text-align: center;
   width: 100%;
   margin: 20px 0;
}
.textContent table.persoRates th {
   border-right: 1px solid #fff;
   background-color: #bace35;
   padding: 8px 0;
   font-size: 1.2em;
}
.textContent table.persoRates th.first {
   border-left: 1px solid #bace35;
}
.textContent table.persoRates th.last {
   border: 0;
}
.textContent table.persoRates td {
   border-width: 1px 1px 1px 0;
   border-style: solid;
   border-color: #bace35;
   padding: 8px 0;
   font-size: 1.2em;
}
.textContent table.persoRates td.first {
   text-align: right;
   padding-right: 40px;
   border-right: 0;
   border-left: 1px solid #bace35;;
}
.textContent table.persoRates td.fullWidth {
   border: 0;
   text-align: left;
   font-size: 1.4em;
   font-weight: bold;
   padding-left: 100px;
}
.textContent table.persoRates td strong {
   color: #2458A1;
}
.textContent table.persoRates .empty {
   background: none;
   border: 0;
}
.textContent .references {
   font-size: 1.091em;
   margin-top: 20px;
   clear: both;
}
.textContent ol.references {
   margin-left: 20px;
}
.textContent .references li {
   margin-bottom: 5px;
}
.textContent .bottomLinks {
   overflow: hidden;
   width: 648px;
}
.textContent .bottomLinks li {
   float: left;
   margin: 20px 0 0 22px;
}
.textContent .bottomLinks li.first {
   margin-left: 0;
}
.textContent .bottomLinks li a {
   display: block;
   position: relative;
   text-decoration: none;
   color: #fff;
   font-weight: bold;
   font-size: 1.2em;
   height: 38px;
   text-align: center;
}
.textContent .bottomLinks .downloadWorksheet {
   width: 222px;
   background-color: #2458a1;
}
.textContent .bottomLinks .downloadWorksheet span.image {
   background-image: url(img/link_download_worksheet.png);
   width: 222px;
   height: 38px;
}
.textContent .bottomLinks .infoRequest {
   width: 191px;
   background-color: #bbce36;
}
.textContent .bottomLinks .infoRequest span.image {
   background-image: url(img/link_info_request.png);
   width: 191px;
   height: 38px;
}
.textContent .bottomLinks .signupRequest {
   width: 191px;
   background-color: #e67f33;
}
.textContent .bottomLinks .signupRequest span.image {
   background-image: url(img/link_signup_request.png);
   width: 191px;
   height: 38px;
}
.textContent ul.listOfAnswer li {
   position: relative;
   margin-top: 8px;
   background: #fff url(img/bullet_disk_green.png) left 2px no-repeat;
   padding: 0px 0 40px 15px;
}
.textContent ul.listOfAnswer li p {
   font-size: 1em;
}
.textContent ul.listOfAnswer li a.topPageLink {
   position: absolute;
   bottom: 0;
   right: 0;
   font-size: 1em;
   margin-bottom: 10px;
}
.textContent a.lexlink {
   background: transparent url(img/lexique.gif) no-repeat center right;
   padding-right: 20px;
   color: #6E6F7F;
}
.textContent h2 a.lexlink {
   background: transparent url(img/lexique-blue.gif) no-repeat center right;
   padding-right: 20px;
   color: #fff;
}

.accolia h1 {
   width: 436px;
}
.accolia h1 span.image {
   background-image: url(img/title_page_accolia.png);
   width: 438px;
}
.advantages h1 {
   width: 413px;
}
.advantages h1 span.image {
   background-image: url(img/title_page_benefits.png);
   width: 415px;
}
.guarantees h1 {
   width: 130px;
}
.guarantees h1 span.image {
   background-image: url(img/title_page_guarantees.png);
   width: 132px;
}
.rates h1 {
   width: 130px;
}
.rates h1 span.image {
   background-image: url(img/title_page_rates.png);
   width: 132px;
}
.customer h1 {
   width: 130px;
}
.customer h1 span.image {
   background-image: url(img/title_page_customer.png);
   width: 132px;
}
.faq h1 {
   width: 186px;
}
.faq h1 span.image {
   background-image: url(img/title_page_faq.png);
   width: 188px;
}
.prevention h1 {
   width: 406px;
   height: 40px;
}
.prevention h1 span.image {
   background-image: url(img/title_page_prev.png);
   width: 406px;
   height: 40px;
}
.prevention .article h1 {
   width: 108px;
   height: 16px;
   margin-bottom: 5px;
}
.prevention .article h1 span.image {
   background-image: url(img/title_page_prev_article.png);
   width: 108px;
   height: 16px;
}
.vocabulary h1 {
   width: 186px;
}
.vocabulary h1 span.image {
   background-image: url(img/title_page_vocabulary.png);
   width: 188px;
}
.legal-info h1 {
   width: 370px;
}
.legal-info h1 span.image {
   background-image: url(img/title_page_legalinfo.png);
   width: 372px;
}
.news h1 {
   width: 303px;
}
.news h1 span.image {
   background-image: url(img/title_page_news.png);
   width: 305px;
}
.simulation h1 {
   width: 188px;
}
.simulation h1 span.image {
   background-image: url(img/title_page_persorates.png);
   width: 190px;
}
.advise h1 {
   width: 274px;
}
.advise h1 span.image {
   background-image: url(img/title_page_advise.png);
   width: 276px;
}
.contact h1 {
   width: 75px;
}
.contact h1 span.image {
   background-image: url(img/title_page_contact.png);
   width: 77px;
}
.sitemap h1 {
   width: 300px;
   padding-left: 30px;
}
.sitemap h1 span.image {
   background-image: url(img/title_page_sitemap.png);
   width: 115px;
}
.worksheet h1 {
   width: 143px;
}
.worksheet h1 span.image {
   background-image: url(img/title_page_worksheet.png);
   width: 145px;
}
.customer h1 {
   width: 101px;
}
.customer h1 span.image {
   background-image: url(img/title_page_customer.png);
   width: 103px;
}
.testimonies h1 {
   width: 118px;
}
.testimonies h1 span.image {
   background-image: url(img/title_page_testimony.png);
   width: 120px;
}
.errorpage h1 {
   width: 272px;
}
.errorpage h1 span.image {
   background-image: url(img/title_page_404.png);
   width: 274px;
}


/* quiz page */
.quiz h1 {
   position: relative;
   margin: 5px 0 12px;
   padding-left: 2px;
   width: 406px;
   height: 31px;
   background-color: #0e58b1;
   color: #fff;
   line-height: 31px;
   text-align: center;
   font-size: 1.6em;
}
.quiz h1 span.image {
   background-image: url(img/title_page_quiz.png);
   width: 408px;
   height: 31px;
}

.quizContent p {
   font-size: 1.3em;
   margin-top: 8px;
}
.quizContent p.previousQuestion {
   margin-top: 20px;
   background: #fff url(img/bullet_arrow_green_bg_white.png) left 1px no-repeat;
   padding-left: 12px;
}
.quizContent p.solution {
   color: #0e58b1;
}
.quizContent p.message {
   color: #e67f33;
}
.quizContent p.info {
   font-size: 1.1em;
   line-height: 1.4em;
}
.quizContent p strong {
   color: #0e58b1;
}
.quizContent a {
   color: #0e58b1;
}
.quizContent .relevant {
   padding: 8px 5px 0 18px;
   background: #fff url(img/bullet_arrow_green_bg_white.png) 6px 8px no-repeat;
   border: 1px solid #0E58B1;
   font-weight: bold;
   margin-bottom: 16px;
}
.quizContent .relevant p {
   margin: 0 0 8px;
}

#formQuiz {
   border: 1px solid #0e58b1;
   position: relative;
   margin-top: 15px;
   padding: 5px 15px 10px;
}
.IE #formQuiz {
   zoom: 1;
}
#formQuiz .pageNumbering {
   position: absolute;
   right: -1px;
   top: -1px;
   border-bottom: 1px solid #0e58b1;
   background-color: #fff;
   width: 80%;
   font-size: 1.3em;
}
#formQuiz .pageNumbering li {
   float: left;
   color: #6d6f7e;
   width: 20px;
   text-align: center;
   padding: 1px 0;
   position: relative;
}
#formQuiz .pageNumbering li strong {
   display: block;
   background-color: #2458a1;
   color: #fff;
   font-weight: normal;
   padding: 1px 0;
}
#formQuiz .pageNumbering li.active {
   padding: 0;
}
#formQuiz .pageNumbering li.done {
   border-top: 1px solid #2458a1;
   border-bottom: 1px solid #fff;
   background-color: #fff;
   margin-bottom: -2px;
   color: #2458a1;
}
#formQuiz .pageNumbering li.last {
   font-weight: bold;
   width: 70px;
}
#formQuiz fieldset {
   background: #fff url(img/quiz_question.png) right bottom no-repeat;
}
#formQuiz legend {
   font-weight: bold;
   color: #0e58b1;
   background: #fff url(img/bullet_arrow_green_bg_white.png) left 1px no-repeat;
   padding-left: 12px;
   font-size: 1.3em;
}
#formQuiz p.question {
   font-weight: bold;
   color: #0e58b1;
   width: 85%;
   margin-bottom: 12px;
}
#formQuiz label {
   vertical-align: middle;
}
#formQuiz input.radio {
   margin: 0 5px 0 60px;
   vertical-align: middle;
}
#formQuiz input.submit {
   display: block;
   margin: 5px auto 0;
   background-color: #2358a1;
   width: 60px;
   height: 20px;
   color: #fff;
   text-align: center;
   font-weight: bold;
}

.quizResults {
   margin-top: 10px;
}
.quizResults li {
   margin-bottom: 18px;
   font-size: 1.2em;
   color: #0E58B1;
}
.quizResults p {
   font-size: 1em;
   margin-top: 3px;
}
.quizResults p.question {
   font-size: 1.083em;
}
.quizResults p.answer strong {
   color: #0E58B1;
}
.quizResults p.solution, .quizResults p.solution strong {
   color: #6E6F7F;
}


/* contact page */
#formContact {
   margin-top: 30px;
}
#formContact legend {
   font-size: 1.2em;
   display: none;
}
#formContact p {
   width: 100%;
   overflow: hidden;
}
#formContact span.text {
   float: left;
   display: block;
   width: 140px;
   text-align: right;
   margin-top: 2px;
}
#formContact label.text {
   width: 140px;
   text-align: right;
   float: left;
   margin-top: 5px;
}
#formContact label.radio {
   vertical-align: middle;
}
#formContact input.text {
   margin-left: 10px;
   width: 150px;
   float: left;
}
#formContact input.radio {
   margin: 1px 0 0 10px;
   vertical-align: middle;
}
#formContact textarea.text {
   margin-left: 10px;
   width: 370px;
   height: 120px;
   padding: 3px 5px;
}
#formContact .submit {
   display: block;
   margin: 10px auto 0;
}
.contact #leftCol.textContent p img {
   vertical-align: middle;
}
.contact .textContent ul.listOfText {
   margin-top: 3px;
}
.contact .textContent ul.listOfText li {
   margin-top: 0;
}
.contact .textContent ul.callback {
   float: left;
   width: 100%;
   margin: 10px 0 15px 0;
   padding-left: 65px;
}
.contact .textContent ul.callback li {
   float: left;
   display: inline;
   margin-right: 20px;
}
.contact .textContent ul.callback li a {
   display: block;
   width: 239px;
   height: 38px;
   background: transparent url(../img/btn_contact_phone.png) top left no-repeat;
   text-indent: -9999px;
}
.contact .textContent ul.callback li a.callback_later {
   background-position: 0 -38px;
}


/* vocabulary page */
.vocabulary ul.listOfLink {
   font-size: 1.8em;
   overflow: hidden;
   margin-top: 24px;
   position: relative;
}
.IE .vocabulary ul.listOfLink {
   zoom: 1;
}
.vocabulary ul.listOfLink li {
   float: left;
   width: 23px;
   line-height: 22px;
   text-align: center;
   background-color: #f1f1f1;
   border-right: 1px solid #fff;
   background-image: none;
   padding: 0;
}
.vocabulary ul.listOfLink li a {
   display: block;
   padding: 3px 4px;
   text-decoration: none;
   line-height: 16px;
}
.vocabulary ul.listOfLink li a:hover, .lexique ul.listOfLink li a:active {
   background-color: #0E58B1;
   color: #fff;
}
.vocabulary .letter {
   font-size: 2.4em;
   display: block;
   margin-top: 24px;
   width: 100%;
}
.vocabulary dt {
   font-size: 1.3em;
   font-weight: bold;
}
.vocabulary dd {
   margin: 5px 0 18px 10px;
   font-size: 1.2em;
}
.vocabulary dd .backLink {
   font-size: 1em;
   margin-left: -10px;
}
.vocabulary dd ul {
   margin-left: 10px;
   font-size: 1em;
}
.vocabulary dd ul li {
   margin-top: 5px;
}


/* callback page */
.callback iframe {
   width: 430px;
   height: 378px;
   border: 0;
}


/* prev page */
.prevention .borderize h2 {
   padding-right: 234px;
   margin: 0;
   clear: both;
}
.prevention .borderize p {
   padding: 0 10px 0 10px;
}
.prevention .borderize p.link {
   padding: 0 0 10px 10px;
}
.prevention .borderize p.link a {
   color: #0e58b1;
   background: transparent url(img/bullet_double_arrow_blue.png) left 4px no-repeat;
   padding-left: 17px;
   font-size: 1em;
}

.prevention .tabs li {
   float: left;
   position: relative;
   margin-right: 5px;
   width: 83px;
   height: 30px;
}
.prevention .tabs li span.image {
   height: 30px;
   background-image: url(img/menu-prevente.png);
}
.prevention .tabs.forme li#formeTab span.image {
   width: 83px;
   background-position: left -39px;
}
.prevention .tabs.forme li#santeTab span.image {
   width: 83px;
   background-position: -87px top;
}
.prevention .tabs.forme li#santeTab a:hover span.image {
   width: 83px;
   background-position: -87px -39px;
}
.prevention .tabs.sante li#formeTab span.image {
   width: 83px;
   background-position: left top;
}
.prevention .tabs.sante li#formeTab a:hover span.image {
   width: 83px;
   background-position: left -39px;
}
.prevention .tabs.sante li#santeTab span.image {
   width: 83px;
   background-position: -87px bottom;
}


/* prev page > article */

.prevention .article .textContent h2 {
   background: none;
   color: #0E58B1;
   text-transform: uppercase;
   margin-top: 0;
   padding: 0 0 10px 0;
   width: auto;
}

.prevention .article .textContent h3 {
   background: url("img/bg_page_title.png") repeat-y scroll left top #104594;
   color: #FFFFFF;
   clear: both;
   font-size: 1.3em;
   margin: 0 0 8px;
   padding: 3px 236px 4px 12px;
   width: 400px;
}

.prevention .article .textContent h3 .bullet {
   background: url("img/bullet_arrow_green.png") no-repeat scroll left 1px transparent;
   display: block;
   padding-left: 12px;
}

.prevention .article .textContent strong.sub {
   float: left;
   margin: 0 0 5px 0;
   width: 100%;
   color: #0E58B1;
}

.prevention .article .textContent img.alignLeft {
   margin-left: 0px
}

.prevention .article .textContent span.list {
   background: url("img/bullet_disk_green.png") no-repeat scroll left 2px #FFFFFF;
   padding-left: 15px;
}


/* worksheet page*/
.worksheet .textContent .bottomLinks li.first {
   margin-left: 125px;
   display: inline;
}


/* advise page */
#contactForm {
   margin-top: 30px;
}
#contactForm legend {
   font-size: 1.3em;
   margin-bottom: 10px;
}
#contactForm p {
   overflow: hidden;
   width: 100%;
}
#contactForm span.text {
   display: block;
   float: left;
   width: 150px;
   text-align: right;
}
#contactForm label.radio {
   vertical-align: middle;
}
#contactForm input.radio {
   vertical-align: middle;
   margin: 1px 0 0 10px;
}
#contactForm label.text {
   float: left;
   width: 150px;
   text-align: right;
   margin-top: 5px;
}
#contactForm input.text {
   float: left;
   margin-left: 10px;
}
#contactForm .submit {
   display: block;
   margin-left: 210px;
}
#contactForm em {
   display: block;
   margin-top: 10px;
}


/* perso-rates page */
#formCapital {
   margin-top: 20px;
}
#formCapital p {
   overflow: hidden;
   width: 648px;
}
#formCapital label {
   width: 380px;
   display: block;
   float: left;
   text-align: right;
   margin-top: 3px;
}
#formCapital select {
   width: 110px;
   float: left;
   margin-left: 10px;
}
#formCapital .submit {
   display: block;
   margin: 10px auto;
}


/* legal-info page */
.legal-info .textContent ol {
   list-style: none;
}
.legal-info .textContent ol ol {
   list-style-type: decimal;
}
.legal-info .textContent ol ul {
   margin-left: 0;
}
.legal-info .textContent ol ul ul,
.legal-info .textContent ol ul ol {
   margin-left: 15px;
}
.legal-info .textContent h2 {
   font-size: 1.083em;
}
.legal-info .textContent a img {
   margin: 5px 0;
}


/* advise page (js Active) */
.js_actived body.advise {
   background-color: #fff;
}

.js_actived .advise #header,
.js_actived .advise #footer,
.js_actived .advise #rightCol,
.js_actived .advise p.backToAccueil {
   display: none;
}

.js_actived .advise .backgroundLeft,
.js_actived .advise .backgroundRight {
   background: none;
   width: 560px;
}

.js_actived .advise #page {
   padding: 0;
   width: 560px;
   height: 350px;
   min-height: 350px;
}

.js_actived .advise #leftCol {
   padding: 0 12px 0 5px;
   width: 560px;
}

.adhesion .formContainer {
   border: 1px solid #6e6f7f;
   padding: 10px;
   width: 918px;
}
.adhesion .message {
   margin-bottom: 10px;
}
#formSubscription legend {
   display: none;
}
#formSubscription em {
   font-weight: bold;
   font-style: normal;
}
#formSubscription p {
   overflow: hidden;
   border-bottom: 1px dotted #6e6f7f;
   margin: 0 -10px;
   padding: 8px 0;
}
#formSubscription label {
   font-weight: bold;
}
#formSubscription label.text {
   float: left;
   width: 220px;
   text-align: right;
   margin-top: 2px;
}
#formSubscription label.rightSide {
   width: 300px;
}
#formSubscription label.hometown {
   width: 232px;
}
#formSubscription label.nativeDepartement {
   width: 202px;
}
#formSubscription label.children {
   width: 358px;
}
#formSubscription label.zipcode {
   width: 198px;
}
#formSubscription label.memberNumber {
   width: 688px;
   margin-right: 10px;
}
#formSubscription input.text {
   float: left;
   margin-left: 10px;
}
#formSubscription input#memberNumber {
   width: 20px;
}
#formSubscription input#memberNumber2 {
   width: 113px;
}
#formSubscription input#email {
   margin-left: 10px;
}
#formSubscription input.checkbox {
   margin: 1px 0 0 10px;
}
#formSubscription input.submit {
   display: block;
   margin: 10px auto;
}
#formSubscription select {
   float: left;
   margin-left: 10px;
}
#formSubscription textarea {
   margin-left: 10px;
   width: 250px;
   float: left;
   padding: 3px 4px;
}
#formSubscription span.info {
   display: block;
   margin: 10px 0 0 230px;
}


/* page > content > left column > boxes */
.box {
   float: left;
   position: relative;
   margin: 20px 0 0 20px;
   display: inline;
   color: #fff;
}
.IE .box, .IE .box .text, .IE .box .button {
   zoom: 1;
}
.box .title {
   position: relative;
   border-bottom: 1px solid #fff;
   padding: 0 0 3px 2px;
   font-size: 1.3em;
   font-weight: bold;
}
.box .text {
   margin-top: 5px;
}
.box .button {
   position: relative;
   display: block;
   margin: 0 auto;
   text-decoration: none;
   color: #fff;
   font-size: 1.2em;
   font-weight: bold;
   text-align: center;
   background-color: #bbce36;
}

#contractBox {
   border: 1px solid #6e6f7f;
   background: #fff url(img/family.jpg) 310px -15px no-repeat;
   width: 688px;
   height: 200px;
   margin: 0;
   padding: 20px 0 0 10px;
}
#contractBox .ctl {
   background-position: left top;
   top: -1px;
   left: -1px;
}
#contractBox .ctr {
   background-position: -7px top;
   top: -1px;
   right: -1px;
}
#contractBox .cbl {
   background-position: left -7px;
   bottom: -1px;
   left: -1px;
}
#contractBox .cbr {
   background-position: -7px -7px;
   bottom: -1px;
   right: -1px;
}
#contractBox .text {
   width: 343px;
   height: 183px;
   position: relative;
   margin: 0;
   color: #6e6f7f;
   font-size: 1.2em;
}
.IE #contractBox .text {
   font-size: 1.1em;
}
#contractBox h2 {
   color: #0e58b1;
   font-weight: bold;
   font-size: 1.167em;
   margin: 5px 10px;
}
#contractBox ul {
   list-style-type: square;
   margin: 10px 0 0 14px;
}
#contractBox strong {
   color: #0e58b1;
}
#contractBox .highlight {
   background-color: #BBCE36;
   padding: 0 3px;
}
#contractBox .text span.image {
   width: 343px;
   height: 199px;
   z-index: 1;
}
#contractBox .text span.mask {
   background-image: url(img/pixel_white.png);
   width: 343px;
   height: 199px
}
#contractBox .text span.firstContent {
   background-image: url(img/txt_contrat.png);
}
#contractBox .text span.nextContent {
   background-image: url(img/txt_contrat_next.png);
   display: none;
}

#newsBox {
   background-color: #bbce36;
   width: 280px;
   height: 180px;
   margin-left: 0;
}
#newsBox .ctl {
   background-position: left -14px;
}
#newsBox .ctr {
   background-position: -7px -14px;
}
#newsBox .cbl {
   background-position: left bottom;
}
#newsBox .cbr {
   background-position: -7px bottom;
}
#newsBox .text {
   margin: 0;
   position: relative;
   width: 256px;
   height: 131px;
   padding: 8px 12px;
}
#newsBox span.image {
   background-image: url(img/txt_special_offer.jpg);
   width: 280px;
   height: 147px;
   z-index: 1;
}
#newsBox span.mask {
   width: 280px;
   height: 147px;
   background-image: url(img/pixel_green.png);
}
#newsBox span.nextContent {
   background-position: -280px top;
   display: none;
}
#newsBox p.title {
   height: 17px;
   line-height: 17px;
   margin: 12px 12px 0;
}
#newsBox p.title span.image {
   background-image: url(img/title_news_box.png);
   width: 141px;
   height: 17px;
}
#newsBox h2 {
   color: #003781;
   font-size: 1.3em;
   font-weight: bold;
}
#newsBox ul {
   color: #003781;
   font-weight: bold;
   list-style-type: square;
   margin-left: 14px;
}
#newsBox ul li {
   margin-top: 4px;
   font-size: 1.2em;
}
#newsBox .highlight {
   background-color: #fff;
   padding: 0 3px;
}
#newsBox .button {
   display: block;
   width: 153px;
   height: 29px;
   line-height: 29px;
   background-color: #2458a1;
   z-index: 1;
   position: absolute;
   left: 65px;
   bottom: 10px;
}
#newsBox .button span.image {
   background-image: url(img/btn_jadhere.png);
   width: 153px;
   height: 29px;
}

#offerBox {
   background-color: #bbce36;
   width: 280px;
   height: 180px;
   margin-left: 0;
}
#offerBox .ctl {
   background-position: left -14px;
}
#offerBox .ctr {
   background-position: -7px -14px;
}
#offerBox .cbl {
   background-position: left bottom;
}
#offerBox .cbr {
   background-position: -7px bottom;
}
#offerBox .text {
   margin: 0;
   position: relative;
   width: 256px;
   height: 131px;
   padding: 8px 12px;
}
#offerBox span.image {
   background-image: url(img/txt_special_offer_2011.png);
   width: 280px;
   height: 147px;
   z-index: 1;
}
#offerBox span.mask {
   width: 280px;
   height: 147px;
   background-image: url(img/pixel_green.png);
}
#offerBox span.nextContent {
   background-position: -280px top;
   display: none;
}
#offerBox p.title {
   height: 17px;
   line-height: 17px;
   margin: 12px 12px 0;
}
#offerBox p.title span.image {
   background-image: url(img/title_offer_box.png);
   width: 256px;
   height: 17px;
}
#offerBox h2 {
   color: #003781;
   font-size: 1.3em;
   font-weight: bold;
}
#offerBox ul {
   color: #003781;
   font-weight: bold;
   list-style-type: square;
   margin-left: 14px;
}
#offerBox ul li {
   margin-top: 4px;
   font-size: 1.2em;
}
#offerBox .highlight {
   background-color: #fff;
   padding: 0 3px;
}
#offerBox .button {
   display: block;
   width: 153px;
   height: 24px;
   line-height: 24px;
   background-color: #2458a1;
   z-index: 1;
   position: absolute;
   left: 65px;
   bottom: 10px;
}
#offerBox .button span.image {
   background-image: url(img/btn_jadhere.png);
   background-position:0px -4px;
   width: 153px;
   height: 24px;
}

#ratesBox {
   background-color: #22458f;
   padding: 9px 8px 8px;
}
#leftCol #ratesBox {
   width: 174px;
   height: 163px;
}
#ratesBox .ctl {
   background-position: -14px top;
}
#ratesBox .ctr {
   background-position: -21px top;
}
#ratesBox .cbl {
   background-position: -14px -7px;
}
#ratesBox .cbr {
   background-position: -21px -7px;
}
#ratesBox .title {
   width: 172px;
   height: 20px;
   line-height: 20px;
}
#ratesBox .title span.image {
   background-image: url(img/title_rates_box.png);
   width: 174px;
   height: 20px;
}
#leftCol #ratesBox p {
   font-size: 1.1em;
}
#formPersoRates {
   margin: 0;
}
#formPersoRates legend {
   display: none;
}
#formPersoRates select {
   width: 170px;
   margin-top: 4px;
   font-size: 1.1em;
}
#formPersoRates label {
   position: absolute;
   top: -9999px;
}
#formPersoRates #submitPersoRates {
   position: absolute;
   left: 18px;
   bottom: 10px;
   width: 153px;
   height: 28px;
   font-size: 1.2em;
}

#signupBox {
   background-color: #dc6a2d;
   padding: 8px;
}
#leftCol #signupBox {
   width: 174px;
   height: 164px;
}
#signupBox .ctl {
   background-position: -14px -14px;
}
#signupBox .ctr {
   background-position: -21px -14px;
}
#signupBox .cbl {
   background-position: -14px -21px;
}
#signupBox .cbr {
   background-position: -21px -21px;
}
#signupBox .title {
   width: 172px;
   height: 21px;
   line-height: 21px;
}
#signupBox .title span.image {
   background-image: url(img/title_signup_box.png);
   width: 159px;
   height: 21px;
}
#leftCol #signupBox p {
   font-size: 1.1em;
}
#signupBox strong {
   display: block;
   padding-top: .3em;
   font-size: 1.363em;
}
#signupBox .button {
   width: 77px;
   height: 29px;
   line-height: 29px;
   font-size: 1.2em;
}
#leftCol #signupBox .button {
   position: absolute;
   left: 55px;
   bottom: 10px;
}
#signupBox .button span.image {
   background-image: url(img/btn_adherer.png);
   width: 77px;
   height: 29px;
}


/* page > content > right column */
#rightCol {
   float: left;
   width: 220px;
   display: inline;
   margin-left: 20px;
}
#rightCol .box {
   color: #6e6f7f;
   width: 220px;
   margin: 0 0 10px;
   background: #ebebee url(img/bg_box.png) left top repeat-x;
}
#rightCol .ctl {
   background-position: -28px top;
}
#rightCol .ctr {
   background-position: -35px top;
}
#rightCol .cbl {
   background-position: -28px -7px;
}
#rightCol .cbr {
   background-position: -35px -7px;
}
#rightCol .box .text {
   margin: 0;
   padding: 5px;
}
#rightCol .box .link {
   margin: 0 0 1px;
   font-size: 1em;
}
#rightCol .box h3 {
   position: relative;
   background: transparent url(img/bullet_arrow_blue.png) left 2px no-repeat;
   padding-left: 12px;
   color: #22458F;
   font-weight: bold;
   font-size: 1.2em;
   margin-bottom: 6px;
}
#rightCol .box h3 span.image {
   left: 10px;
}
#rightCol .box p {
   margin: 3px 0 6px;
   font-size: 1.1em;
}
#rightCol .box .button {
   margin: 0;
}
#rightCol .box a {
   color: #0e58b1;
   background: transparent url(img/bullet_double_arrow_blue.png) left 4px no-repeat;
   padding-left: 17px;
   font-size: 1.1em;
}


/* page > content > right column > boxes */
#contactBox.box .text {
   background: transparent url(img/adviser.jpg) left top no-repeat;
   padding: 8px 12px 8px 83px;
}
#contactBox h3 {
   width: 50px;
   height: 14px;
}
#contactBox span.image {
   background-image: url(img/title_contacts.png);
   width: 62px;
   height: 14px;
}
#rightCol #contactBox .mapFrance {
   background: transparent url(img/map_france.png) right 4px no-repeat;
   padding-right: 20px;
   font-size: 1em;
}

#prevBox.box .text {
   background: transparent url(img/prevent.png) left -7px no-repeat;
   padding: 8px 12px 8px 83px;
}
#prevBox h3 {
   width: 73px;
   height: 14px;
}
#prevBox span.image {
   background-image: url(img/title_prev.png);
   width: 76px;
   height: 14px;
}

#quizBox.box .text {
   background: transparent url(img/quiz.png) 10px 5px no-repeat;
   padding: 8px
}
#quizBox h3 {
   width: 106px;
   height: 29px;
   margin-left: 45px;
}
#quizBox span.image {
   background-image: url(img/title_box_quiz.png);
   width: 150px;
   height: 29px;
}

#storyBox.box .text {
   background: transparent url(img/witness.jpg) left top no-repeat;
   padding: 8px 12px 8px 83px;
}
#storyBox h3 {
   width: 73px;
   height: 14px;
}
#storyBox span.image {
   background-image: url(img/title_stories.png);
   width: 85px;
   height: 14px;
}

#worksheetBox .text {
   background: transparent url(img/download.png) 8px 5px no-repeat;
}
#worksheetBox.box p {
   margin: 0;
   position: relative;
   width: 108px;
   height: 30px;
   margin: 0 0 0 50px;
   padding-left: 12px;
   background: #f1f1f3 url(img/bullet_arrow_blue.png) left 2px no-repeat;
}
#worksheetBox.box a {
   font-weight: bold;
   font-size: 1.091em;
   padding: 0;
   background: none;
}
#worksheetBox a span.image {
   background-image: url(img/txt_download.png);
   width: 120px;
   height: 30px;
   left: 10px;
}
#worksheetBox a:hover span.image {
   background-position: left -30px;
}

#adviseBox.box {
   margin: 0;
}
#adviseBox .text {
   background: transparent url(img/advise.png) 8px 5px no-repeat;
}
#adviseBox.box p {
   margin: 0;
   position: relative;
   width: 91px;
   height: 26px;
   margin: 0 0 0 50px;
   padding-left: 12px;
   background: #f1f1f3 url(img/bullet_arrow_blue.png) left 1px no-repeat;
}
#adviseBox.box a {
   padding: 0;
   font-weight: bold;
   font-size: 1.091em;
   background: none;
}
#adviseBox a span.image {
   background-image: url(img/txt_advise.png);
   width: 103px;
   height: 27px;
   left: 10px;
}
#adviseBox a:hover span.image {
   background-position: left -27px;
}

#infofolderBox .text {
   background: transparent url(img/info.png) 8px 5px no-repeat;
}
#infofolderBox.box p {
   margin: 0;
   position: relative;
   width: 142px;
   height: 46px;
   margin: 0 0 0 50px;
   padding-left: 12px;
   background: transparent url(img/bullet_arrow_blue.png) left 3px no-repeat;
}
#infofolderBox.box a {
   font-weight: bold;
   font-size: 1.091em;
   padding: 0;
   background: none;
}
#infofolderBox a span.image {
   background-image: url(img/txt_information_folder.png);
   width: 154px;
   height: 46px;
   left: 10px;
}

.index #infofolderBox a span.image {
   background-image: url(img/txt_information_box.png);
}

#infofolderBox a:hover span.image {
   background-position: left -46px;
}

#webToGalleryBox.box {
   background: none;
   border: 1px solid #6E6F7F;
   width: 218px;
}
#webToGalleryBox .ctl {
   background-position: left top;
   top: -1px;
   left: -1px;
}
#webToGalleryBox .ctr {
   background-position: -7px top;
   top: -1px;
   right: -1px;
}
#webToGalleryBox .cbl {
   background-position: left -7px;
   bottom: -1px;
   left: -1px;
}
#webToGalleryBox .cbr {
   background-position: -7px -7px;
   bottom: -1px;
   right: -1px;
}
#webToGalleryBox p {
   font-size: 1.091em;
   font-weight: bold;
   background: transparent url(img/bullet_arrow_blue_bg_white.png) left 3px no-repeat;
   position: relative;
   padding-left: 12px;
   color: #0E58B1;
   width: 183px;
   height: 46px;
}
#webToGalleryBox p span.image {
   background-image: url(img/title_box_webtogallery.png);
   width: 183px;
   height: 46px;
   left: 10px;
}
#webToGalleryBox iframe {
   width: 170px;
   height: 130px;
   border: 0;
   margin: 0 auto;
   display: block;
}

#worksheetBox a, #adviseBox a, #infofolderBox a, #webToGalleryBox a {
   text-decoration: none;
}

#rightCol #signupBox {
   background-color: #dc6a2d;
   background-image: none;
   color: #fff;
   width: 204px;
}
#rightCol #signupBox .ctl {
   background-position: -14px -14px;
}
#rightCol #signupBox .ctr {
   background-position: -21px -14px;
}
#rightCol #signupBox .cbl {
   background-position: -14px -21px;
}
#rightCol #signupBox .cbr {
   background-position: -21px -21px;
}
#rightCol #signupBox .title {
   font-size: 1.3em;
   color: #fff;
   width: 202px;
   background: none;
   padding: 0 0 3px 2px;
}
#rightCol #signupBox .title span.image {
   left: 0;
}
#rightCol #signupBox .text {
   padding: 0;
}
#rightCol #signupBox .button {
   padding: 0;
   background: none;
   margin: 0 auto 1px;
}

#rightCol #ratesBox {
   background-color: #22458f;
   background-image: none;
   color: #fff;
   width: 204px;
   overflow: hidden;
}
#rightCol #ratesBox .ctl {
   background-position: -14px top;
}
#rightCol #ratesBox .ctr {
   background-position: -21px top;
}
#rightCol #ratesBox .cbl {
   background-position: -14px -7px;
}
#rightCol #ratesBox .cbr {
   background-position: -21px -7px;
}
#rightCol #ratesBox .title {
   font-size: 1.3em;
   color: #fff;
   width: 202px;
   background: none;
   padding: 0 0 3px 2px;
}
#rightCol #ratesBox .title span.image {
   left: 0;
}
#rightCol #ratesBox .text {
   padding: 0;
   margin-top: 5px;
}
#rightCol #formPersoRates select {
   width: 204px;
}
#rightCol #formPersoRates #submitPersoRates {
   margin: 10px auto 0;
   position: relative;
   left: 0;
   top: 0;
}


/* page > footer */
#footer {
   margin: 0 auto;
   padding: 20px 0 20px 35px;
   width: 975px;
   background: #fff url(img/bg_bottom.png) left top no-repeat;
   overflow: hidden;
   color: #6e6f7f;
}
#footer ul {
   font-size: 1.1em;
}
#footer ul li {
   float: left;
   display: inline;
   margin-left: 10px;
   padding-left: 10px;
   border-left: 1px solid #bbce36;
}
#footer ul li.first {
   border: 0;
   margin-left: 0;
   padding-left: 0;
}
#footer ul li a {
   color: #6e6f7f;
}
#footer ul li.first a {
   margin: 0;
}


/* tunnel */
.tunnel #leftCol {
   float: left;
   width: 940px;
   padding: 0 12px 0 0;
}
.tunnel #header {
   position: relative;
   background: transparent url(img/bg_tunnel_header.png) repeat-x bottom left;
   height: 85px;
}
.tunnel #header #logo {
   position: absolute;
   z-index: 2;
}
.tunnel #header h1 {
   position: absolute;
   top: 45px;
   left: 390px;
   z-index: 1;
}
.tunnel .textContent h2 {
   background: #104594 url(img/bg_page_title.png) 292px top repeat-y;
   font-size: 1.3em;
   color: #fff;
   width: 928px;
   padding: 12px 0 12px 12px;
   margin: 0;
}


/* tunnel > information */
.information #header #logo {
   width: 670px;
   background: transparent url(img/title_page_information.png) no-repeat right bottom;
}
#formInformation {
   margin: 30px 0 0 100px;
}
#formInformation legend {
   font-size: 1.2em;
   display: none;
}
#formInformation p {
   overflow: hidden;
   width: 100%;
}
#formInformation p.message {
   margin-left: 20px;
}
#formInformation span.text {
   float: left;
   display: block;
   width: 200px;
   text-align: right;
   margin-top: 2px;
}
#formInformation label.text {
   width: 200px;
   text-align: right;
   float: left;
   margin-top: 5px;
}
#formInformation label.radio {
   vertical-align: middle;
}
#formInformation input.text {
   margin-left: 10px;
   width: 150px;
   float: left;
}
#formInformation input.radio {
   margin: 1px 0 0 10px;
   vertical-align: middle;
}
#formInformation select {
   margin-left: 10px;
   width: 155px;
   float: left;
}
#formInformation textarea.text {
   margin-left: 10px;
   width: 370px;
   height: 120px;
   padding: 3px 5px;
}
#formInformation .submit {
   display: block;
   margin: 10px 0 0 210px;
}
.contact #leftCol.textContent p img {
   vertical-align: middle;
}
.information #leftCol div {
   border: 1px solid #787684;
   border-top: 1px solid white;
   padding: 10px 10px 20px;
   margin-top: -1px;
}
.information #leftCol p.mentions {
   margin-left: 210px;
   width: 400px;
   font-size: 1.1em;
}

#formInformation input#address2,
#formInformation input#moreaddress2 {
   margin-left: 210px;
}

#formInformation input#memberNumber {
   width: 20px;
   float: none;
   margin-right: 5px;
}
#formInformation input#memberNumber2 {
   float: none;
   margin: 0;
   width: 105px;
}

#formInformation select#ddn_days,
#formInformation select#ddn_months,
#formInformation select#ddn_years {
   width: auto;
}

#formInformation input#email,
#formInformation input#email2 {
   float: none;
   margin-right: 5px;
}

/* tunnel > adhesion */
.adhesion #header #logo {
   width: 710px;
   background: transparent url(img/title_page_adhesion.png) no-repeat right bottom;
}
.adhesion #content {
   margin-top: 5px;
}
.adhesion #leftCol p.mentions {
   margin: 0 0 5px 0;
   font-size: 1em;
}
.adhesion #leftCol form p.mentions {
   margin-left: 210px;
   width: 400px;
   font-size: 1.1em;
}
.adhesion h2,
.adhesion #leftCol div {
   float: left;
   margin-bottom: 20px;
}

.adhesion #steps {
   height: 30px;
}
.adhesion #steps li {
   position: relative;
   display: inline;
   float: left;
   margin: 0 5px 0 0;
}
.adhesion #steps li span.image {
   height: 30px;
   background: transparent url(../img/btn_adhesion.png) top left no-repeat;
}
.adhesion #steps li#step1 {
   width: 152px;
}
.adhesion #steps li#step1.on span.image {
   width: 152px;
   background-position: 0 0
}
.adhesion #steps li#step1.off span.image {
   width: 152px;
   background-position: 0 -31px
}
.adhesion #steps li#step2 {
   width: 128px
}
.adhesion #steps li#step2 span.image {
   width: 128px;
   background-position: -153px -62px
}
.adhesion #steps li#step2.on span.image {
   width: 128px;
   background-position: -153px 0
}
.adhesion #steps li#step2.off span.image {
   width: 128px;
   background-position: -153px -31px
}
.adhesion #steps li#step3 {
   width: 266px;
}
.adhesion #steps li#step3 span.image {
   width: 266px;
   background-position: -282px -62px
}
.adhesion #steps li#step3.on span.image {
   width: 266px;
   background-position: -282px 0
}
.adhesion #steps li#step3.off span.image {
   width: 266px;
   background-position: -282px -31px
}
.adhesion #steps li#step4 {
   width: 255px;
}
.adhesion #steps li#step4 span.image {
   width: 255px;
   background-position: -549px -62px
}
.adhesion #steps li#step4.on span.image {
   width: 255px;
   background-position: -549px 0
}
.adhesion #steps li#step4.off span.image {
   width: 255px;
   background-position: -549px -31px
}
.adhesion #steps li#step5 {
   width: 113px;
}
.adhesion #steps li#step5 span.image {
   width: 113px;
   background-position: -805px -62px
}
.adhesion #steps li#step5.on span.image {
   width: 113px;
   background-position: -805px 0
}

.adhesion #leftCol #headsteps {
   position: relative;
   background: #104594 url(img/bg_page_title.png) 292px top repeat-y;
   font-size: 1.3em;
   color: #fff;
   width: 928px;
   padding: 12px 0 80px 12px;
   margin: 5px 0 0 0;
}
.adhesion #leftCol #headsteps .bullet {
   width: 250px;
   text-decoration: underline;
   font-weight: bold;
   cursor: pointer;
   display: block;
   background: transparent url(img/bullet_arrow_green.png) left 1px no-repeat;
   padding-left: 12px;
}
.adhesion #leftCol #headsteps #tog_adhesion_on {
   float: none;
   margin: 10px 0 0 20px;
   border-left: 1px solid white;
   padding-left: 5px;
}
.js_actived .adhesion #leftCol #headsteps #tog_adhesion_on {
   display: none;
}
.adhesion #leftCol #headsteps #tog_adhesion_on p {
   float: none;
   font-size: 0.9em;
   width: 600px;
}
.adhesion #leftCol #headsteps h2 {
   padding: 20px 0 5px 0;
   background: none;
}
.adhesion #leftCol #headsteps a {
   color: #fff;
}
.adhesion #leftCol #headsteps p {
   font-size: 1em;
   width: 500px;
}

.adhesion #headsteps ul {
   position: absolute;
   top: 0;
   right: 0;
}
.adhesion #headsteps li {
   margin: 3px 10px 0 0;
}
.adhesion #headsteps li a {
   display: block;
   height: 38px;
   text-indent: -9999px;
   width: 240px;
   background: transparent url(../img/btn_adhesion_head.png) top left no-repeat;
}
.adhesion #headsteps li.brouillon a {
   background-position: 0 0
}
.adhesion #headsteps li.rappel a {
   background-position: 0 -39px
}
.adhesion #headsteps li.adherez a {
   background-position: 0 -76px
}
.adhesion #headsteps li.notice a {
   background-position: 0 -114px
}


.textContent .wrapper-splashpage {
   background: #fff url(../img/deja-client/background.png) no-repeat top left;
   margin: 50px 0 0 -40px;
   padding: 0 40px 40px 40px;
   position: relative;
}

.textContent .wrapper-splashpage h2 {
   background: #a7c621 url(../img/deja-client/bloc-dejaclient.png) no-repeat 0 -12px;
   font-family: 'FolksRegular',sans-serif;
   font-size: 1.8em;
   font-weight: normal;
   line-height: normal;
   padding: 16px 15px 16px 15px;
   margin: -35px 20px 0 0;
   float: left;
   width: 237px;
   line-height: 1.2em;
   font-size-adjust: 0.6;
   color: #05428b;
   position: relative;
   z-index: 5;
}

.textContent .wrapper-splashpage ul,
.textContent .wrapper-splashpage p {
   float: right;
   width: 320px;
   font-size: 1.4em;
   clear: right;
}

.textContent .wrapper-splashpage p {
   line-height: 1.3em;
   color: #0E58B1;
}

.textContent .wrapper-splashpage:after {
   clear: both;
   content: '.';
   display: block;
   visibility: hidden;
   height: 0;
}

.textContent .wrapper-splashpage {
   display: inline-block;
}

* html .textContent .wrapper-splashpage {
   height: 1%;
}

.textContent .wrapper-splashpage {
   display: block;
}
.textContent .wrapper-splashpage .getcode {
   display:inline;
   font-size:1.3em;
   line-height:1.1em;
   margin-right:60px;
   padding:8px 20px 24px 33px;
   width:209px;
   background:#dde79b url(../img/deja-client/nocode.png) no-repeat top left;
}
.textContent .wrapper-splashpage .espacesocietaire span,
.textContent .wrapper-splashpage .getcode span {
   font-size: 0.8em;
}
.textContent .wrapper-splashpage .getcode span a {
   text-transform: uppercase;
}
.textContent .wrapper-splashpage .espacesocietaire {
   font-size: 1.4em;
}
.textContent .wrapper-splashpage .espacesocietaire a {
   color: #fff;
}

.textContent .wrapper-splashpage .listOfLink li a {
   color:#6E6F7F;
   text-decoration:none;
}
.textContent .wrapper-splashpage .listOfLink li a:hover{
   text-decoration:underline;
}


.textContent .wrapper-splashpage .espacesocietaire {
   background: #95be0f url(../img/deja-client/acces-societaire.png) no-repeat top left;
   color:#FFFFFF;
   left:-49px;
   line-height:1.05em;
   padding:23px 20px 24px 70px;
   position:relative;
   width:246px;
}