/* CSS Document by Black meridian */

/* ------------------------------------------------------------------------ */
/* >>>>>>>>>>>>>   reset                                               <<<< */
/* ------------------------------------------------------------------------ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input, select, textarea,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
body {line-height: 1; color: black; background: white;}
ol,ul {list-style: none;}
table {border-collapse: collapse; border-spacing: 0;}
caption,th,td {text-align: left; font-weight: normal;}
img {vertical-align: bottom;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   global                                       <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

html {height: 100%; min-height: 100%; font: 0.625em / 1em Arial, Helvetica, sans-serif;}
body {height: 100%; color: #646464; background: #f1f1f3; -webkit-font-smoothing: antialiased;}
h1, h2, h3, h4, h5, h6 {line-height: normal; font-weight: normal;}
p, li {line-height: normal;}
strong {font-weight: bold;}
em {font-style: italic;}
a {text-decoration: underline; color: inherit;}
a:hover, a:focus {text-decoration: underline; color: #1798eb; outline: none;}
a span, button {cursor: pointer;}
img {max-width: 100%; vertical-align: bottom;}
sub, sup {font-size: 75%;}

h1 {position: relative; top: -9px; margin: 0 0 39px; font: 55px/58px 'Bliss2XB', sans-serif; color: #77c65b;}
h2 {position: relative; top: -9px; margin: 0 0 39px; font: 55px/58px 'Bliss2XB', sans-serif; color: #77c65b;}
h3 {position: relative; top: -6px; margin: 54px 0 25px; font: 28px/34px 'Bliss2XB', sans-serif; font-size: 2.8rem; line-height: 3.4rem; text-transform: uppercase; color: #1798eb;}
h3:first-child {margin-top: 0;}
h4 {position: relative; top: -4px; margin: 24px 0 14px; font: bold 18px/22px 'Bliss', sans-serif; font-size: 1.8rem; line-height: 2.2rem; color: #00b0f0;}
h4:first-child {margin-top: 0;}
h5 {position: relative; top: -5px; margin: 24px 0 14px; font: bold 18px/22px 'Bliss', sans-serif; font-size: 1.8rem; line-height: 2.2rem; color: #353535;}
h5:first-child {margin-top: 0;}
p {margin: 0 0 18px; font-size: 14px; font-size: 1.4rem; line-height: 22px; line-height: 2.2rem;}
p:last-child {margin-bottom: -6px;}
ul, ol {margin: 0 0 18px;}
ul:last-child, ol:last-child {margin-bottom: -6px;}
ol strong {margin-right: 20px; color: #62b445;}
li {font-size: 14px; font-size: 1.4rem; line-height: 22px; line-height: 2.2rem;}
ul li {padding-left: 20px;}
ul li:before {float: left; margin: 9px 0 0 -20px; border: 2px solid #2f3031; width: 6px; height: 6px; content: "";}

p > em > strong > em {display: block; margin-bottom: 30px;}
p > em > strong > em a {display: inline-block; position: relative; z-index: 10; padding: 3px 10px 2px; border: 1px solid #252627; height: 23px; vertical-align: bottom; font: 13px/16px 'Bliss', sans-serif; text-transform: uppercase; text-decoration: none; color: #252627;}
p > em > strong > em a:hover,
p > em > strong > em a:focus {text-decoration: none; color: #252627;}
p > em > strong > em a:hover,
p > em > strong > em a:focus {
  -webkit-box-shadow: 0 0 0 1px #252627 inset;
  -moz-box-shadow:    0 0 0 1px #252627 inset;
  box-shadow:         0 0 0 1px #252627 inset;
}
p:last-child > em > strong > em a {margin-bottom: 6px;}

blockquote {position: relative; margin: 60px 0; padding: 50px; background: #fff;}
blockquote:first-child {margin-top: 0;}
blockquote:last-child {margin-bottom: 0;}
blockquote:after {position: absolute; left: 0; top: 100%; right: 0; height: 16px; content: ""; background: url('images/shadow.png') no-repeat 50% 0;}
blockquote:after {
  -webkit-background-size: 100% 16px;
  -moz-background-size:    100% 16px;
  background-size:         100% 16px;
}
blockquote h3 {position: relative; top: auto; margin: -50px -50px 50px; padding: 33px 50px; border-bottom: 4px solid #71d8ff; font: 26px/32px 'Bliss2XB', sans-serif; font-size: 2.6rem; line-height: 3.2rem; text-transform: uppercase; color: #fff; background: #77c65b;}
blockquote h3:first-child {margin-top: -50px;}
blockquote h3:before {position: absolute; left: 40px; top: 100%; margin-top: 4px; border: 10px solid; border-color: #71d8ff transparent transparent transparent; content: "";}
blockquote h4 {color: #77c65b;}
blockquote ul li:before {border-color: #1bb6f1;}

hr {margin: 40px 0; border-top: 1px dotted #969797;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   page                                         <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

#page {position: relative; min-height: 100%; overflow: hidden;}

.container {position: relative; padding-left: 0; padding-right: 0;}
.row {margin-left: 0; margin-right: 0;}

.row.col-2 {margin-left: -45px; margin-right: -45px;}
.row.col-2 > .col {padding: 50px 45px;}
.row.col-2 > .col {
  -webkit-box-shadow: 1px 0 0 #fff;
  -moz-box-shadow:    1px 0 0 #fff;
  box-shadow:         1px 0 0 #fff;
}
.row.col-2 > .col + .col {border-left: 1px solid #fff;}
.row.col-2 > .col:last-child {
  -webkit-box-shadow: none;
  -moz-box-shadow:    none;
  box-shadow:         none;
}

a.btn {text-decoration: none;}

.nav, .nav ul {float: none; margin: 0; padding: 0; overflow: visible; background: none;}
.nav:last-child, .nav ul:last-child {margin-bottom: 0;}
.nav:before, .nav:after {display: table; clear: both; content: "";}
.nav li {float: none; margin: 0; padding: 0; font-size: inherit; font-size: inherit; line-height: inherit; font-weight: inherit; font-style: inherit; text-indent: 0; color: inherit; background: none;}
.nav li:before {display: inline; position: static; float: none; margin: 0; padding: 0; border: 0; width: auto; height: auto; content: ""; background: none;}
.nav li a {padding: 0; text-decoration: none; color: inherit; background: none;}
.nav li a:hover,
.nav li a:focus {background: none;}

.navbar-collapse {margin: 0 !important; padding: 0; border: 0; max-height: none;}
.navbar-collapse {
  -webkit-box-shadow: none;
  -moz-box-shadow:    none;
  box-shadow:         none;
}

.navbar {margin-bottom: 0; border: 0; min-height: 0;}
.navbar {
  -webkit-border-radius: 0;
  -moz-border-radius:    0;
  border-radius:         0;
}

.overlay {position: absolute; z-index: 20; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; text-indent: -999em; white-space: nowrap; text-align: left; background: url('images/blank.gif');}
.overlay br {display: none;}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1,
.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2,
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3,
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4,
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5,
.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7,
.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8,
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9,
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10,
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11,
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {padding: 0;}

p + .button {margin-top: 34px;}
.button {display: block; margin: 40px 0;}
.button:first-child {margin-top: 0 !important;}
.button:last-child {margin-bottom: 0 !important;}
.button {margin: 40px 0;}
.button a,
.button input,
.button button {display: inline-block; margin: 0; padding: 17px 30px 15px; border: 0; min-width: 250px; max-width: 100%; vertical-align: bottom; font: 15px/18px 'Bliss', sans-serif; font-size: 1.5rem; line-height: 1.8rem; text-transform: uppercase; text-align: center; text-decoration: none; color: #fff; background: #179ff6;}
.button a,
.button input,
.button button {
  background-image: -webkit-linear-gradient(top, #179ff6, #127fc5);
  background-image:    -moz-linear-gradient(top, #179ff6, #127fc5);
  background-image:     -ms-linear-gradient(top, #179ff6, #127fc5);
  background-image:      -o-linear-gradient(top, #179ff6, #127fc5);
  background-image:         linear-gradient(top, #179ff6, #127fc5);
}
.button a:hover,
.button a:focus,
.button input:hover,
.button input:focus,
.button button:hover,
.button button:focus {background: #158cd8;}
.button.orange a,
.button.orange input,
.button.orange button {background: #ffbb19;}
.button.orange a,
.button.orange input,
.button.orange button {
  background-image: -webkit-linear-gradient(top, #ffbb19, #ffa200);
  background-image:    -moz-linear-gradient(top, #ffbb19, #ffa200);
  background-image:     -ms-linear-gradient(top, #ffbb19, #ffa200);
  background-image:      -o-linear-gradient(top, #ffbb19, #ffa200);
  background-image:         linear-gradient(top, #ffbb19, #ffa200);
}
.button.orange a:hover,
.button.orange a:focus,
.button.orange input:hover,
.button.orange input:focus,
.button.orange button:hover,
.button.orange button:focus {background: #ffa200;}
.button.vert a,
.button.vert input,
.button.vert button {background: #77c65b;}
.button.vert a,
.button.vert input,
.button.vert button {
  background-image: -webkit-linear-gradient(top, #77c65b, #63a04d);
  background-image:    -moz-linear-gradient(top, #77c65b, #63a04d);
  background-image:     -ms-linear-gradient(top, #77c65b, #63a04d);
  background-image:      -o-linear-gradient(top, #ffbb19, #63a04d);
  background-image:         linear-gradient(top, #77c65b, #63a04d);
}
.button.vert a:hover,
.button.vert a:focus,
.button.vert input:hover,
.button.vert input:focus,
.button.vert button:hover,
.button.vert button:focus {background: #63a04d;}

.more {display: block; margin-bottom: 30px;}
.more:last-child {margin-bottom: 0;}
.more a {display: inline-block; position: relative; z-index: 10; padding: 3px 10px 2px; border: 1px solid #252627; height: 23px; vertical-align: bottom; font: 13px/16px 'Bliss', sans-serif; text-transform: uppercase; text-decoration: none; color: #252627;}
.more a:hover,
.more a:focus {text-decoration: none; color: #252627;}
.more a:hover,
.more a:focus {
  -webkit-box-shadow: 0 0 0 1px #252627 inset;
  -moz-box-shadow:    0 0 0 1px #252627 inset;
  box-shadow:         0 0 0 1px #252627 inset;
}
.more.orange a {border-color: #ffa200; color: #ffa200;}
.more.orange a:hover,
.more.orange a:focus {color: #ffa200;}
.more.orange a:hover,
.more.orange a:focus {
  -webkit-box-shadow: 0 0 0 1px #ffa200 inset;
  -moz-box-shadow:    0 0 0 1px #ffa200 inset;
  box-shadow:         0 0 0 1px #ffa200 inset;
}

.wrapper {position: relative; padding: 50px 0;}
.wrapper.shadow-top:before {position: absolute; left: 0; top: 0; right: 0; height: 14px; content: ""; background: url('images/products-shadow-top.png') no-repeat 50% 0;}
.wrapper.shadow-bottom:after {position: absolute; left: 0; bottom: 0; right: 0; height: 14px; content: ""; background: url('images/products-shadow-bottom.png') no-repeat 50% 0;}
.wrapper > .container > .row + .row {margin-top: 30px;}
.wrapper .row.col-2 > .col {margin-top: -50px; margin-bottom: -50px;}
.containerFonce {background: #e5e5e7;}
.containerClair {background: #f1f1f3;}
.containerBlanc {background: #fff;}

.label {display: block; top: auto; margin: 0 0 30px; padding: 0; text-align: left;}
.label {
  -webkit-border-radius: 0;
  -moz-border-radius:    0;
  border-radius:         0;
}
.label a, .label span {display: inline-block; position: relative; padding: 0 10px; border-right: 30px solid #ffa200; height: 30px; vertical-align: bottom; font: 15px/32px 'Bliss', sans-serif; text-decoration: none; color: #cdcdcd; background: #2f3031;}
.label a:after, .label span:after {position: absolute; left: 100%; top: 50%; margin: -4px 0 0 11px; width: 8px; height: 8px; content: ""; background: url('images/plus.gif') no-repeat 0 0;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   aside gauche                                 <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

.asideGauche h3.label {margin:30px 0 0 0}
.contenuAsideGauche { background-color:#FFF; padding: 30px 20px}
.contenuAsideGauche .more {margin-top: 24px;}
.contenuAsideGauche .illustration {margin: 0 -20px 25px;}
.contenuAsideGauche .illustration:first-child {margin-top: -30px;}
.contenuAsideGauche p {font-size: 14px; font-size: 1.4rem; line-height: 22px; line-height: 2.2rem;}
.contenuAsideGauche ul:first-child,
.contenuAsideGauche ol:first-child {margin-top: -6px;}
.contenuAsideGauche ul li {padding-left: 0;}
.contenuAsideGauche ul li:before {display: none;}
.contenuAsideGauche ul li + li {margin-top: 5px;}
.contenuAsideGauche.markdown p > strong > em {margin-top: 30px;}

.asideGauche#articleAssocies .label a,
.asideGauche#articleAssocies .label span {border-right-color: #e62866;}

.asideGauche#documentations .label a,
.asideGauche#documentations .label span {border-right-color: #1280c6;}
.asideGauche#documentations .contenuAsideGauche {position: relative;}
.asideGauche#documentations .contenuAsideGauche:before {position: absolute; left: 20px; bottom: 10px; width: 53px; height: 56px; content: ""; background: url('images/documentation-icon.png') no-repeat 0 0;}

.asideGauche#aside_offresSpeciales .label a,
.asideGauche#aside_offresSpeciales .label span {border-right-color: #62b445;}
.asideGauche#aside_offresSpeciales .contenuAsideGauche {position: relative;}
.asideGauche#aside_offresSpeciales .contenuAsideGauche:before {position: absolute; left: 20px; bottom: 10px; width: 52px; height: 55px; content: ""; background: url('images/offre-icon.png') no-repeat 0 0;}

.asideGauche#aside_actualiteAside .label a,
.asideGauche#aside_actualiteAside .label span {border-right-color: #e62866;}
.asideGauche#aside_actualiteAside .date {margin-right: 6px; font-weight: bold; color: #e62866;}
.asideGauche#aside_actualiteAside h4 {top: -4px; margin: 0 0 21px; font-size: 16px; font-size: 1.6rem; line-height: 20px; line-height: 2rem; color: #e62866;}
.asideGauche#aside_actualiteAside p {font-size: 12px; font-size: 1.2rem; line-height: 20px; line-height: 2rem;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   header                                       <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

#header {padding: 20px 0; background: #fff;}
#logo {float: left;}
#logo a {display: block; width: 516px; height: 99px; overflow: hidden; text-indent: -999em; background: url('/assets/images/logos/logo_assuranceviecom_frais_reduits.png') no-repeat 0 0;}

#liensHaut {float: right; margin-bottom: 20px;}
#liensHaut .nav > li {float: left; margin-left: 40px;}
#liensHaut .nav > li > a {display: block; font: 12px/14px 'Bliss2XB', sans-serif; text-transform: uppercase; color: #252627;}
#liensHaut .nav > li > a:hover,
#liensHaut .nav > li > a:focus {color: #1bb6f1;}
#liensHaut .nav > li > a:before {display: inline-block; margin-right: 10px; width: 0; height: 0; content: ""; vertical-align: middle; background: url('images/liensHaut-icons.png') no-repeat 0 0;}
#liensHaut .nav > li#item50 > a:before {width: 16px; height: 16px; background-position: 0 0;}
#liensHaut .nav > li#item50 > a:hover:before,
#liensHaut .nav > li#item50 > a:focus:before {background-position: 0 -17px;}
#liensHaut .nav > li#item51 > a:before {width: 18px; height: 17px; background-position: -16px 0;}
#liensHaut .nav > li#item51 > a:hover:before,
#liensHaut .nav > li#item51 > a:focus:before {background-position: -16px -17px;}

#liensActions {float: right; clear: right;}
#liensActions .nav > li {float: left; margin-left: 40px;}
#liensActions .nav > li > a {display: block; position: relative; padding: 0 30px; border-left: 68px solid #2f3031; height: 50px; font: bold 15px/51px 'Bliss', sans-serif; font-size: 1.5rem; text-transform: uppercase; color: #fff; background: #ffbb19;}
#liensActions .nav > li > a {
  background-image: -webkit-linear-gradient(top, #ffbb19, #ffa200);
  background-image:    -moz-linear-gradient(top, #ffbb19, #ffa200);
  background-image:     -ms-linear-gradient(top, #ffbb19, #ffa200);
  background-image:      -o-linear-gradient(top, #ffbb19, #ffa200);
  background-image:         linear-gradient(top, #ffbb19, #ffa200);
}
#liensActions .nav > li > a:hover,
#liensActions .nav > li > a:focus {border-left-color: #3e3e3f; background: #ffa200;}
#liensActions .nav > li > a:before {position: absolute; left: 0; top: 0; margin-left: -68px; width: 0; height: 0; content: ""; background: url('images/liensActions-icons.png') no-repeat 0 0;}
#liensActions .nav > li#item52 > a:before {left: 22px; top: 13px; width: 28px; height: 24px; background-position: 0 0;}
#liensActions .nav > li#item53 > a:before {left: 20px; top: 13px; width: 28px; height: 25px; background-position: -28px 0;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   nav                                          <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

#navbar {background: #56c7f4;}
#navbar {
  background-image: -webkit-linear-gradient(top, #56c7f4, #19a9e7);
  background-image:    -moz-linear-gradient(top, #56c7f4, #19a9e7);
  background-image:     -ms-linear-gradient(top, #56c7f4, #19a9e7);
  background-image:      -o-linear-gradient(top, #56c7f4, #19a9e7);
  background-image:         linear-gradient(top, #56c7f4, #19a9e7);
}
#navbar .nav {position: relative; padding-right: 1px; background: url('images/navbar-sep.gif') no-repeat 100% 50%;}
#navbar .nav > li {display: table-cell; position: static; padding-left: 1px; width: 1%; background: url('images/navbar-sep.gif') no-repeat 0 50%;}
#navbar .nav > li > a {display: block; position: relative; height: 60px; font: 18px/60px 'Bliss2XB', sans-serif; white-space: nowrap; text-align: center; color: #eaf7fc;}
#navbar .nav > li > a:hover,
#navbar .nav > li > a:focus,
#navbar .nav > li.dropdown:hover > a {z-index: 10; margin: 0 -1px; border: solid #f0f0f0; border-width: 0 1px; color: #0155a3; background: #f0f0f0;}
#navbar .nav > li.active > a {z-index: 10; margin: 0 -1px; border: solid #f0f0f0; border-width: 0 1px; color: #1bb6f1; background: #f0f0f0;}
#navbar .nav > li.active > a:hover,
#navbar .nav > li.active > a:focus {z-index: 10; margin: 0 -1px; border: solid #f0f0f0; border-width: 0 1px; color: #0155a3; background: #f0f0f0;}
#navbar .nav > li.dropdown:hover > a:after {position: absolute; left: 50%; bottom: 0; margin-left: -3.5px; border: 7px solid; border-color: transparent transparent #0155a3 transparent; content: "";}
#navbar .nav > li.dropdown:hover > ul.dropdown-menu {display: block;}
#navbar .nav > li.dropdown > ul.dropdown-menu {display: none; position: absolute; left: 0; top: 100%; right: 0; border: 0; float: none; padding: 20px 0; min-width: 0; text-align: center; color: #fff; background: #0155a3;}
#navbar .nav > li.dropdown > ul.dropdown-menu {
  -webkit-border-radius: 0;
  -moz-border-radius:    0;
  border-radius:         0;
  -webkit-box-shadow: none;
  -moz-box-shadow:    none;
  box-shadow:         none;
}
#navbar .nav > li.dropdown > ul.dropdown-menu:before {position: absolute; left: -9999px; top: 0; right: -9999px; bottom: 0; content: ""; background: #0155a3;}
#navbar .nav > li.dropdown > ul.dropdown-menu > li {display: inline-block; position: relative; margin: 10px 8px;}
#navbar .nav > li.dropdown > ul.dropdown-menu > li > a {display: inline-block; padding: 3px 10px; border: 1px solid #0667b8; vertical-align: top; font: 300 18px/24px 'Bliss', sans-serif; font-size: 1.8rem; line-height: 2.4rem; font-weight: 300; white-space: nowrap; color: #f1f1f3; background: #0667b8;}
#navbar .nav > li.dropdown > ul.dropdown-menu > li > a:hover,
#navbar .nav > li.dropdown > ul.dropdown-menu > li > a:focus {border-color: #f1f1f3; background: none;}
#navbar .nav > li.dropdown > ul.dropdown-menu > li.active > a,
#navbar .nav > li.dropdown > ul.dropdown-menu > li.active > a:hover,
#navbar .nav > li.dropdown > ul.dropdown-menu > li.active > a:focus {border-color: #efefef; color: #0155a3; background: #efefef;}


#user {float: left;}
#user a {display: block; position: relative; padding: 0 40px 0 136px; height: 60px; font: 18px/60px 'Bliss2XB', sans-serif; text-align: center; text-decoration: none; color: #1bb6f1; background: #f0f0f0 url('images/user-icon.png') no-repeat 40px 100%;}

#nav-client {float: right;}
#nav-client .nav {padding: 0; background: none;}
#nav-client .nav > li {display: block; float: left; margin-left: 30px; padding: 0; width: auto; background: none;}
#nav-client .nav > li > a {font: bold 15px/60px 'Bliss', sans-serif; text-transform: uppercase;}
#nav-client .nav > li > a:hover,
#nav-client .nav > li > a:focus {margin: 0; border: 0; color: #dcf5ff; background: none;}
#nav-client .nav > li > a:before {display: inline-block; margin-right: 15px; width: 24px; height: 24px; content: ""; vertical-align: middle; background: url('images/nav-clients-icons.png') no-repeat 0 0;}
#nav-client .nav > li#item54 > a:before {background-position: 0 0;}
#nav-client .nav > li#item54 > a:hover:before,
#nav-client .nav > li#item54 > a:focus:before {background-position: -24px 0;}
#nav-client .nav > li#item1 > a:before {background-position: 0 -24px;}
#nav-client .nav > li#item1 > a:hover:before,
#nav-client .nav > li#item1 > a:focus:before {background-position: -24px -24px;}
#nav-client .nav > li#item136 > a:before {background-position: 0 -48px;}
#nav-client .nav > li#item136 > a:hover:before,
#nav-client .nav > li#item136 > a:focus:before {background-position: -24px -48px;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   breadcrumb                                   <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

#breadcrumb {border-bottom: 1px solid #fff;}
#breadcrumb .breadcrumb {margin: 0; padding: 22px 0 21px; color: #1798eb; background: none;}
#breadcrumb .breadcrumb {
  -webkit-border-radius: 0;
  -moz-border-radius:    0;
  border-radius:         0;
}
#breadcrumb .breadcrumb:after {display: table; clear: both; content: "";}
#breadcrumb .breadcrumb > li {float: left; font: 14px/16px 'Bliss2XB', sans-serif;}
#breadcrumb .breadcrumb > li + li {margin-left: 10px; padding-left: 17px;}
#breadcrumb .breadcrumb > li + li::before {float: left; margin: 2px 0 0 -17px; width: 7px; height: 10px; content: ""; background: url('images/breadcrumb-sep.png') no-repeat 0 0;}
#breadcrumb .breadcrumb > li > a {text-decoration: none; color: #555;}
#breadcrumb .breadcrumb > li > a:hover,
#breadcrumb .breadcrumb > li > a:focus {color: #1bb6f1;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   subnav                                       <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

#subnav .parent a {display: block; padding: 17px 20px 16px; font-size: 15px; font-size: 1.5rem; line-height: 18px; line-height: 1.8rem; font-weight: bold; text-transform: uppercase; text-decoration: none; color: #ffa200; background: #f9f9fa;}
#subnav .nav > li {border-bottom: 1px solid #c3c3c3;}
#subnav .nav > li > a {display: block; padding: 17px 0 16px; font-size: 15px; font-size: 1.5rem; line-height: 18px; line-height: 1.8rem; font-weight: bold; text-decoration: none; color: #555;}
#subnav .nav > li > a:hover,
#subnav .nav > li > a:focus {color: #1bb6f1;}
#subnav .nav > li.active > a {color: #1798eb;}
#subnav .nav > li.active > ul {display: block;}
#subnav .nav > li > ul {display: none; position: relative; padding-left: 30px; border-top: 1px solid #c3c3c3;}
#subnav .nav > li > ul:before {position: absolute; left: 0; top: 0; border: 8px solid; border-color: #c3c3c3 #c3c3c3 transparent transparent; content: "";}
#subnav .nav > li > ul > li + li {border-top: 1px dotted #969797;}
#subnav .nav > li > ul > li > a {display: block; padding: 17px 0 16px; font-size: 15px; font-size: 1.5rem; line-height: 18px; line-height: 1.8rem; font-weight: 300; text-decoration: none; color: #555;}
#subnav .nav > li > ul > li.active > a {color: #1bb6f1;}
#subnav .nav > li > ul > li > a:hover,
#subnav .nav > li > ul > li > a:focus {text-decoration: underline;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   aside                                        <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

#aside {padding: 0 0 30px;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   content                                      <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

#maincontent {position: relative;}
#content {padding: 30px 0 60px;}
#content .actions .row {margin-left: -15px; margin-right: -15px;}
#content .contrats .row {margin-left: 0; margin-right: 0;}

.markdown h3 {margin-bottom: 39px;}
.markdown p > strong > em {display: block;}
.markdown p:last-child > strong > em {margin-bottom: 6px;}
.markdown p > strong > em:after {display: table; clear: both; content: "";}
.markdown p > strong > em a {position: relative; z-index: 10; float: right; padding: 3px 10px 2px; border: 1px solid #252627; height: 23px; vertical-align: bottom; font: 13px/16px 'Bliss', sans-serif; text-transform: uppercase; text-decoration: none; color: #252627;}
.markdown p:last-child > strong > em a {margin-bottom: 0;}
.markdown p > strong > em a:hover,
.markdown p > strong > em a:focus {text-decoration: none; color: #252627;}
.markdown p > strong > em a:hover,
.markdown p > strong > em a:focus {
  -webkit-box-shadow: 0 0 0 1px #252627 inset;
  -moz-box-shadow:    0 0 0 1px #252627 inset;
  box-shadow:         0 0 0 1px #252627 inset;
}
.markdown p > em > strong > em {text-align: right;}
.markdown blockquote,
.markdown ul,
.markdown ol,
.markdown p {clear: both;}
.markdown .button {float: left;}
.markdown hr + .button {margin-top: 0;}
.markdown .button + .button {margin-left: 30px; margin-top: 0;}

#chapo {padding: 0 100px; text-align: center;}
#chapo h3 {top: -10px; margin: 0 0 -11px; font: 22px/36px 'Bliss', sans-serif; text-transform: none; color: #127fc5;}

#text p:first-child {text-align: left;}
#text .button {text-align: left;}

.box {position: relative; margin: 40px 0; padding: 40px 0 40px 40px; background: #e5e5e7;}
.box:first-child {margin-top: 0;}
.box:last-child {margin-bottom: 0;}
.box:before {position: absolute; left: 100%; top: 0; bottom: 0; width: 9999px; content: ""; background: #e5e5e7;}
.box > .row {margin-left: -20px; margin-right: -20px;}
.box > .row > .col {padding-left: 20px; padding-right: 20px;}
.box .illustration {position: relative;}
.box .illustration:after {position: absolute; left: 0; top: 100%; right: 0; height: 16px; content: ""; background: url('images/shadow.png') no-repeat 50% 0;}
.box .illustration:after {
  -webkit-background-size: 100% 16px;
  -moz-background-size:    100% 16px;
  background-size:         100% 16px;
}
.box .text {margin-bottom: 40px;}
.box .text:last-child {margin-bottom: 0;}
.box .text p {font: 20px/30px 'Bliss2MI', sans-serif; font-size: 2rem; line-height: 3rem;}
.box .text p:first-child {margin-top: -8px;}
.box .text p:last-child {margin-bottom: -9px;}
.box .button {margin: 5px 0;}
.box .button:last-child {margin-bottom: 0;}

.actions {margin: 40px 0;}
.actions:first-child {margin-top: 0;}
.actions:last-child {margin-bottom: 0;}
.actions .button {display: table; position: relative; width: 100%;}
.actions .button a {display: table-cell; padding: 0 15px 0 72px; height: 66px; vertical-align: middle; font-size: 17px; font-size: 1.7rem; line-height: 20px; line-height: 2rem; font-weight: bold; text-align: left;}
.actions .button a:before {position: absolute; left: 15px; top: 50%; margin-top: -21px; width: 42px; height: 42px; content: ""; background: url('images/actions-icons.png') no-repeat 0 0;}
.actions .button.icon-offres a:before {background-position: 0 0;}
.actions .button.icon-offres.orange a:before {background-position: 0 -42px;}
.actions .button.icon-offres.vert a:before {background-position: 0 -84px;}
.actions .button.icon-contrat a:before {background-position: -42px 0;}
.actions .button.icon-contrat.orange a:before {background-position: -42px -42px;}
.actions .button.icon-contrat.vert a:before {background-position: -42px -84px;}
.actions .button.icon-documentation a:before {background-position: -84px 0;}
.actions .button.icon-documentation.orange a:before {background-position: -84px -42px;}
.actions .button.icon-documentation.vert a:before {background-position: -84px -84px;}
.actions .button.icon-newsletter a:before {background-position: -126px 0;}
.actions .button.icon-newsletter.orange a:before {background-position: -126px -42px;}
.actions .button.icon-newsletter.vert a:before {background-position: -126px -84px;}
.actions .row {margin-left: -15px; margin-right: -15px;}
.actions .row > .col {padding-left: 15px; padding-right: 15px;}

.item {position: relative; padding: 20px; background: #fff;}
.item.pull-left {margin-right: 30px;}
.item.pull-right {margin-left: 30px;}
.item h4 {top: -4px; margin: 0 0 -12px; height: 48px; font: 300 22px/24px 'Bliss', sans-serif; font-size: 2.2rem; line-height: 2.4rem; color: #127fc5;}
.item h5 {top: -3px; margin: 0 0 14px; font: 12px/44px 'Bliss2XB', sans-serif; font-size: 1.2rem; line-height: 1.4rem; text-transform: uppercase; color: #252627;}

.plus li {padding-left: 39px; font-size: 18px; font-size: 1.8rem; line-height: 24px; line-height: 2.4rem; font-weight: bold; color: #353535;}
.plus li + li {margin-top: 25px;}
.plus li:before {margin: 0 0 0 -39px; border: 0; width: 24px; height: 24px; background: url('images/bullet-plus.png') no-repeat 0 0;}
.plus li strong {text-transform: uppercase; color: #62b445;}

.template9 .table-responsive {margin: 60px 0; width: 100%;}
.table-contrat:first-child {margin-top: 0;}
.table-contrat:last-child {margin-bottom: 0;}
.table-contrat thead td.icon {padding: 30px; vertical-align: middle; text-align: center; background: #1798eb;}
.table-contrat thead td.icon.icon-eye:before {display: inline-block; width: 50px; height: 35px; content: ""; vertical-align: bottom; background: url('images/icon-eye.png') no-repeat 0 0;}
.table-contrat thead th {padding: 30px; border-bottom: 1px dotted #9c9d9d; width: 100%; vertical-align: middle; font: 28px/34px 'Bliss2XB', sans-serif; text-transform: uppercase; color: #1798eb;}
.table-contrat tbody th {padding: 14px 30px 15px; border-bottom: 1px dotted #9c9d9d; vertical-align: middle; font-size: 18px; font-size: 1.8rem; line-height: 24px; line-height: 2.4rem; font-weight: bold; color: #646464;}
.table-contrat tbody td {padding: 14px 30px 15px; border-bottom: 1px dotted #9c9d9d; vertical-align: middle; font-size: 18px; font-size: 1.8rem; line-height: 24px; line-height: 2.4rem; font-weight: bold; text-align: center; color: #62b445; background: #fff;}
.table-contrat tbody tr:last-child td {border-bottom: 0;}
.table-contrat tbody th {border-bottom: 1px dotted #9c9d9d;}
.table-contrat em[data-content] {display: inline-block; width: 20px; height: 20px; font: bold 16px/20px 'Bliss', sans-serif; text-align: center; color: #646464; background: #fff; cursor: help;}
.table-contrat em[data-content] {
  -webkit-border-radius: 2px;
  -moz-border-radius:    2px;
  border-radius:         2px;
}
.table-contrat em[data-content]:hover {color: #fff; background: #1798eb;}

.table-comparateur:first-child {margin-top: 0;}
.table-comparateur:last-child {margin-bottom: 0;}
.table-comparateur .empty {background: none !important;}
.table-comparateur th + th,
.table-comparateur td + td {border-left: 2px solid #f1f1f3;}
.table-comparateur .empty + th,
.table-comparateur .empty + td {border-left: 0;}
.table-comparateur thead .contrat th {padding: 15px 40px 14px; vertical-align: middle; font: 22px/26px 'Bliss2XB', sans-serif; text-transform: uppercase; text-align: center; color: #fff; background: #1798eb;}
.table-comparateur thead .partenaire th {padding: 20px; vertical-align: middle; text-align: center; background: #fff;}
.table-comparateur thead .ouvrir th {padding: 0 10px 10px; vertical-align: middle; text-align: center; background: #fff;}
.table-comparateur thead .ouvrir th .button a {display: block; padding-left: 10px; padding-right: 10px; min-width: 0;}
.table-comparateur tbody th {padding: 14px 30px 15px; border-top: 1px dotted #9c9d9d; vertical-align: middle; font-size: 18px; font-size: 1.8rem; line-height: 24px; line-height: 2.4rem; color: #646464;}
.table-comparateur tbody td {padding: 14px 30px 15px; border-top: 1px dotted #9c9d9d; width: 25%; vertical-align: top; font-size: 12px; font-size: 1.2rem; line-height: 16px; line-height: 1.6rem; text-align: center; color: #646464; background: #fff;}
.table-comparateur tbody td strong {font-size: 18px; font-size: 1.8rem; line-height: 24px; line-height: 2.4rem; color: #62b445;}
.table-comparateur tbody td p:last-child {margin-bottom: 0;}
.table-comparateur tfoot th {padding: 20px; border-top: 1px dotted #9c9d9d;}
.table-comparateur tfoot td {padding: 20px; border-top: 1px dotted #9c9d9d; vertical-align: middle; text-align: center; background: #fff;}


.nav-tabs {border: 0;}
.nav-tabs > li {float: left; margin: 0 2px 0 0; padding: 0; border: 0;}
.nav-tabs > li > a {display: block; margin: 0; padding: 13px 20px 15px; border: 0; font: bold 16px/20px 'Bliss', sans-serif; color: #ffa200; background: #fff;}
.nav-tabs > li > a {
  -webkit-border-radius: 0;
  -moz-border-radius:    0;
  border-radius:         0;
}
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {border: 0; color: #fff; background: #ffa200;}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {border: 0; color: #fff; background: #ffa200;}

.tab-pane {padding: 60px 40px; background: #fff;}

div.li {font-size: 14px; font-size: 1.4rem; line-height: 22px; line-height: 2.2rem; padding: 20px 0; clear:both; border-bottom: 1px dotted #9c9d9d;}
div.li:before {float: left; margin: 9px 10px 0 0px; border: 2px solid #2f3031; width: 6px; height: 6px; content: "";}
div.li .more { float:right}

.tab-documents h3 {position: relative;  top: 0px;  margin: 54px 0 0px;  padding-bottom: 20px; border-bottom: 1px dotted #9c9d9d;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   products                                     <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

#products h3 {margin: 0 0 25px;}
#products .more {float: right; margin: 0;}
#products .row {margin-left: -7.5px; margin-right: -7.5px;}
#products .row > .col {float: left; padding: 0 7.5px; width: 20%;}
#products .item:hover {top: -2px;}
#products .item:hover {
  -webkit-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow:    3px 3px 4px rgba(0, 0, 0, 0.2);
  box-shadow:         3px 3px 4px rgba(0, 0, 0, 0.2);
}

#products .illustration { text-align:center; background-color:#f1f1f3; margin-top:20px; line-height:80px; }
#products .illustration img {vertical-align:middle }

#partenaires .illustration { text-align:center; background-color:#ffffff; margin-top:20px; line-height:80px; }
#partenaires .illustration img {vertical-align:middle }


/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   infos                                        <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

#infos {border-bottom: 54px solid #f1f1f3; background: #e5e5e7;}
#infos .inner {margin: 0 130px -44px; border-bottom: 1px solid #d8d9da; color: #1f2021; background: #f1f1f3;}
#infos .inner {
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius:    2px 2px 0 0;
  border-radius:         2px 2px 0 0;
  -webkit-box-shadow: 0 1px 0 #fff;
  -moz-box-shadow:    0 1px 0 #fff;
  box-shadow:         0 1px 0 #fff;
}
#infos .inner > .row {padding: 0 20px;}
#infos .inner > .row > .col {display: table-cell; padding: 30px; width: 1%; font: 300 20px/24px 'Bliss', sans-serif; font-size: 2rem; line-height: 2.4rem; text-transform: uppercase; white-space: nowrap; text-align: center;}
#infos .inner .phone:before {display: inline-block; margin-right: 20px; width: 27px; height: 42px; content: ""; vertical-align: middle; background: url('images/infos-icons.png') no-repeat 0 0;}
#infos .inner .hours:before {display: inline-block; margin-right: 20px; width: 42px; height: 42px; content: ""; vertical-align: middle; background: url('images/infos-icons.png') no-repeat -27px 0;}
#infos .inner .days:before {display: inline-block; margin-right: 20px; width: 41px; height: 42px; content: ""; vertical-align: middle; background: url('images/infos-icons.png') no-repeat -69px 0;}

#infos.sansProduits {background:none; border-bottom:0; position:relative; top:-100px}
#infos.sansProduits .inner { border-bottom:none; background:none}
#footer.sansProduits { padding-top:0}
/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   footer                                       <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

#footer {padding: 50px 0; color: #252627;}
#footer > .container > .row > .col-sm-9 {padding-right: 30px;}
#footer > .container > .row > .col-sm-3 {padding-left: 15px;}

#sitemap > .row {margin-left: -15px; margin-right: -15px;}
#sitemap > .row > .col {padding-left: 15px; padding-right: 15px;}
#sitemap h4 {top: auto; margin: 0 0 17px; padding: 10px 15px 11px; font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; font-weight: normal; text-transform: uppercase; color: #fff; background: #56c7f4;}
#sitemap h4 {
  background-image: -webkit-linear-gradient(top, #56c7f4, #19a9e7);
  background-image:    -moz-linear-gradient(top, #56c7f4, #19a9e7);
  background-image:     -ms-linear-gradient(top, #56c7f4, #19a9e7);
  background-image:      -o-linear-gradient(top, #56c7f4, #19a9e7);
  background-image:         linear-gradient(top, #56c7f4, #19a9e7);
}
#sitemap h4 a {display: block; margin: -10px -15px -11px; padding: 10px 15px 11px; text-decoration: none; color: inherit;}
#sitemap h4 a:hover,
#sitemap h4 a:focus {background: #22b8f1;}
#sitemap .nav > li + li {margin-top: 14px;}
#sitemap .nav > li > a {display: block; font-size: 11px; font-size: 1.1rem; line-height: 14px; line-height: 1.4rem; color: #1f2021;}
#sitemap .nav > li > a:hover,
#sitemap .nav > li > a:focus {text-decoration: underline;}

#footer-nav {margin-bottom: 30px;}
#footer-nav .nav {margin-bottom: 28px; border-bottom: 1px dotted #969797;}
#footer-nav .nav > li {display: table; width: 100%; border-top: 1px dotted #969797;}
#footer-nav .nav > li > a {display: table-cell; position: relative; padding: 25px 0 26px 48px; vertical-align: middle; font: 12px/14px 'Bliss2XB', sans-serif; font-size: 1.2rem; line-height: 1.4rem; text-transform: uppercase;}
#footer-nav .nav > li > a:hover,
#footer-nav .nav > li > a:focus {color: #1bb6f1;}
#footer-nav .nav > li > a:before {position: absolute; left: 0; top: 50%; margin-top: -12.5px; width: 25px; height: 25px; content: ""; background: url('images/footer-nav-icons.png') no-repeat 0 0;}
#footer-nav .nav > li#item49 > a:before {width: 25px; height: 25px; background-position: 0 0;}
#footer-nav .nav > li#item49 > a:hover:before,
#footer-nav .nav > li#item49 > a:focus:before {background-position: 0 -25px;}
#footer-nav .nav > li#item54 > a:before {width: 25px; height: 25px; background-position: -25px 0;}
#footer-nav .nav > li#item54 > a:hover:before,
#footer-nav .nav > li#item54 > a:focus:before {background-position: -25px -25px;}
#footer-nav .nav > li#item55 > a:before {width: 28px; height: 25px; background-position: -50px 0;}
#footer-nav .nav > li#item55 > a:hover:before,
#footer-nav .nav > li#item55 > a:focus:before {background-position: -50px -25px;}
#footer-nav p {font: 10px/12px 'Bliss', sans-serif; font-size: 1rem; line-height: 1.2rem;}
#footer-nav p:last-child {margin-bottom: -3px;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   actionsAccueil                               <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

#actionsAccueil .row {margin-left: -7.5px; margin-right: -7.5px;}
#actionsAccueil .row > .col {float: left; padding-left: 7.5px; padding-right: 7.5px; width: 25%;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   actualites                                   <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

#content #actualites > .row {margin-left: -20px; margin-right: -20px;}
#actualites > .row > .col {padding-left: 20px; padding-right: 20px;}
.actualite .illustration {margin-bottom: 26px;}
.actualite .date {margin-right: 6px; font-weight: bold; color: #62b445;}
.actualite .more {margin-top: 26px;}

.get1actualite {border-top: 1px dotted #9c9d9d;}
.get1actualite p.parent {position: relative; top: -4.5px; margin: 24px 0 14px; font: bold 18px/22px 'Bliss', sans-serif; color: #353535;}
.get1actualite p.parent a{ text-decoration:none}
.get1actualite p.parent a:hover{ text-decoration:underline}
.get1actualite h3 { margin-top:10px}
.get1actualite h3 a { text-decoration:none}
.get1actualite h3 a:hover{ text-decoration:underline}


/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   contrat                                      <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

.logoOffre { background-color:#FFF; padding:30px 20px }
.logoOffre img { margin:0px auto; display:block; text-align:center; max-width: 230px;}
.logoOffre hr { margin:20px 0;}

.logoPartenaire { background-color:#f1f1f3; padding:10px}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   offresSpeciales                              <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

#offresSpeciales {margin-left: 15px; padding: 30px; background: #fff;}
#offresSpeciales h3 {top: -3px; margin: 0 0 18px; font-size: 16px; font-size: 1.6rem; line-height: 18px; line-height: 1.8rem; color: #62b445;}
#offresSpeciales .button a {display: block; min-width: 0;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   slide                                        <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

#carousel {margin-right: 15px;}
#carousel .slider {height: 361px; overflow: hidden;}
#carousel .bx-controls-direction {display: none;}

.slide {position: relative; height: 100%; background: #fff;}
.slide .button {position: absolute; right: 30px; bottom: 30px;}
.bx-pager {position: absolute; right: 27px; top: 27px;}
.bx-pager .bx-pager-item {float: left; margin-left: 2px;}
.bx-pager .bx-pager-item a {display: block; width: 18px; height: 18px; overflow: hidden; text-indent: -999em; background: url('images/slider-controls.png') no-repeat 0 0;}
.bx-pager .bx-pager-item a:hover,
.bx-pager .bx-pager-item a:focus {background-position: -36px 0;}
.bx-pager .bx-pager-item a.active,
.bx-pager .bx-pager-item a.active:hover,
.bx-pager .bx-pager-item a.active:focus {background-position: -18px 0;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   societesGestion                              <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

#societesGestion h3 {margin: 0 0 25px;}
#societesGestion .more {float: right; margin: 0;}
#societesGestion .row {margin-left: -20px; margin-right: -20px;}
#societesGestion .row > .col {display: table-cell; padding: 0 20px; width: 12.5%; vertical-align: middle;}
#societesGestion .row > .col img {display: block; width: 100%;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   partenaires                                  <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

#partenaires .row {margin: -7.5px -10px;}
#partenaires .row > .col {padding: 7.5px 10px;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   recompenses                                  <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

#recompenses .row {margin: -7.5px -10px;}
#recompenses .row > .col {padding: 7.5px 10px;}
#recompenses .row > .col img {display: block; margin-bottom: 20px;}
#recompenses .row > .col .text {position: relative; margin: 0 -10px; padding: 0 8px; ; font: 12px/20px 'Bliss2XB', sans-serif; font-size: 1.2rem; line-height: 2rem; text-transform: uppercase; text-align: center; color: #1f2021;}
#recompenses .row > .col .text:before {position: absolute; left: 0; top: 0; bottom: 0; border-right: 1px dotted #969797; width: 1px; content: "";}
#recompenses .row > .col .text:after {position: absolute; right: -1px; top: 0; bottom: 0; border-right: 1px dotted #969797; width: 1px; content: "";}
#recompenses .row > .col:first-child .text:before {display: none;}
#recompenses .row > .col:last-child .text:after {display: none;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   contrats                                     <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

.contrats {margin-top: 20px;}
.contrats > .row {display: table; width: 100%}
.contrats > .row > .col {display: table-cell; float: none; vertical-align: middle;}
.contrats .title {padding: 40px; color: #93d1fd; background: #339fec;}
.contrats .title h3 {top: auto; margin: 0 0 6px; color: #fff;}
.contrats .title p {margin: 0; font: bold 18px/22px 'Bliss', sans-serif; font-size: 1.8rem; line-height: 2.2rem;}
.contrats .content {padding: 40px 80px 40px 40px; background: #fff;}
.contrats .content:before {position: absolute; right: 40px; top: 0; bottom: 0; border-left: 1px dotted #969797; width: 1px; content: "";}
.contrats .content p {margin: 0;}
.contrats .content p strong {color: #62b445;}
.contrats .toggle-button {padding: 40px 40px 40px 0; text-align: center; background: #fff;}
.contrats .toggle-button .button a {display: block; min-width: 0;}
.contrats .toggle-content {display: none; position: relative; background: #e5e5e7;}
.contrats .toggle-content:after {position: absolute; left: 0; bottom: 0; right: 0; height: 14px; content: ""; background: url('images/products-shadow-bottom.png') no-repeat 50% 0;}
.contrats .contrat {position: relative; padding: 40px 0;}
.contrats .contrat + .contrat {padding-top: 41px;}
.contrats .contrat + .contrat:before {position: absolute; left: 15px; top: 0; right: 15px; border-top: 1px dotted #9b9c9c; height: 1px; content: "";}
.contrats .contrat .actions .button {margin: 10px 0;}
.contrats .contrat .infos {padding: 0 80px 0 40px;}
.contrats .contrat .labels {margin: 0 -4px;}
.contrats .contrat .label {display: inline-block; margin: 0 4px 10px; padding: 1px 5px; vertical-align: top; font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; color: #646464; background: #fff;}
.contrats .contrat .label {
  -webkit-border-radius: 2px;
  -moz-border-radius:    2px;
  border-radius:         2px;
}
.contrats .contrat .label strong {color: #127fc5;}
.contrats .contrat .label em {display: inline-block; margin: -1px -5px -1px 1px; padding: 1px; border-left: 2px solid #f1f1f3; width: 22px; vertical-align: top; font: bold 16px/20px 'Bliss', sans-serif; text-align: center; color: #646464; background: #fff; cursor: help;}
.contrats .contrat .label em {
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius:    0 2px 2px 0;
  border-radius:         0 2px 2px 0;
}
.contrats .contrat .label em:hover {color: #fff; background: #1798eb;}

.contrats .contrat .more {margin-top: 20px;}
.contrats .contrat .item {margin-left: 15px;}
.contrats .contrat .item h4 {margin: 0 0 11px; height: auto;}
.contrats .contrat .item .illustration {margin: 0 -20px 0; padding: 20px 20px 0; border-top: 1px solid #e5e5e7; text-align: center;}
.contrats .contrat .actions {margin-right: 15px;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   mesContrats                                  <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

.markdown table {width: 100%;}
.markdown table .empty {border: none; background: none;}
.markdown table .more {margin: 3px 0;}
.markdown table thead th {padding: 12px 15px; vertical-align: middle; font: bold 16px/18px 'Bliss', sans-serif; font-size: 1.6rem; line-height: 1.8rem; color: #fff; background: #62b445;}
.markdown table thead th + th {border-left: 1px dotted #fff;}
.markdown table tbody th {padding: 12px 15px; vertical-align: top; font: 16px/18px 'Bliss', sans-serif; font-size: 1.6rem; line-height: 1.8rem; color: #127fc5; background: #fff;}
.markdown table tbody td {padding: 12px 15px; border-left: 1px dotted #969797; vertical-align: top; font: 14px/16px 'Bliss', sans-serif; font-size: 1.4rem; line-height: 1.6rem; background: #fff;}
.markdown table tbody tr + tr th,
.markdown table tbody tr + tr td {border-top: 2px solid #f1f1f3;}
.markdown table tbody tr.even td {background: #f9f9f9;}
.markdown table tbody tr.even:hover td {background: #f6f6f6;}
.markdown table .profilSource {vertical-align: middle;}
.markdown table .profilPourcentage {width: 1%;}
.markdown table.text-center tr,
.markdown table.text-center td {text-align: center;}






/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   formASV                                      <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

.box + .formASV {margin-top: -40px;}
.formASV fieldset + fieldset {margin-top: 80px;}
.formASV legend {display: block; position: relative; top: -5px; margin: 0 0 20px; padding-bottom: 15px; border-bottom: 1px dotted #727272; font: bold 18px/22px 'Bliss', sans-serif; font-size: 1.8rem; line-height: 2.2rem;}
.formASV .nav-tabs {position: relative; margin-bottom: 60px; background: #fff;}
.formASV .nav-tabs:before {display: block; position: absolute; left: 100%; top: 0; bottom: 0; width: 9999px; content: ""; background: #fff;}
.formASV .nav-tabs > li {position: relative; margin: 0; padding-right: 1px; width: 80px;}
.formASV .nav-tabs > li:before {position: absolute; right: 0; top: 20px; bottom: 20px; width: 1px; content: ""; background: #d5e6f1;}
.formASV .nav-tabs > li.titre {padding: 26px 30px 25px; width: auto; font: bold 16px/20px 'Bliss',sans-serif; text-transform: uppercase; color: #62b445;}
.formASV .nav-tabs > li.titre a {margin: -26px -30px -25px !important; padding-left: 30px; padding-right: 30px; border: 0 !important;}
.formASV .nav-tabs > li > a {padding: 26px 20px 25px; text-align: center; color: #555; cursor: default;}
.formASV .nav-tabs > li > a span {cursor: inherit;}
.formASV .nav-tabs > li > a:hover,
.formASV .nav-tabs > li > a:focus {color: #555; background-color: #fff;}
.formASV .nav-tabs > li.done > a {color: #62b445; cursor: pointer;}
.formASV .nav-tabs > li.done > a:hover,
.formASV .nav-tabs > li.done > a:focus {margin: 0 -1px; border: solid #fff; border-width: 0 1px; color: #fff; background-color: #62b445;}
.formASV .nav-tabs > li.active > a,
.formASV .nav-tabs > li.active > a:hover,
.formASV .nav-tabs > li.active > a:focus {z-index: 10; margin: 0 -1px; border: solid #fff; border-width: 0 1px; color: #62b445; background: #fff url('images/dot-bg.png');}
.formASV .nav-tabs > li.active > a .text {display: inline-block; margin: -7px auto; border: 1px solid #65b548; width: 34px; height: 34px; font-size: 16px; line-height: 32px; text-align: center; background: #fff; cursor: default;}
.formASV .nav-tabs > li.active > a .text {
  -webkit-border-radius: 17px;
  -moz-border-radius:    17px;
  border-radius:         17px;
}
.formASV .tab-pane {padding: 0; background: none;}
.formASV .control-label {padding-top: 10px; min-height: 43px; font: 500 14px/18px 'Bliss', sans-serif; font-size: 1.4rem; line-height: 1.8rem; text-transform: uppercase;}
.formASV .control-label em {font-weight: bold; font-style: normal; color: #127fc5;}
.formASV .control-label em[data-toggle='popover'] {cursor: help;}
.formASV .radio:first-child,
.formASV .checkbox:first-child {margin-top: 0;}
.formASV .radio label,
.formASV .radio-inline label,
.formASV .checkbox label,
.formASV .checkbox-inline label {font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; font-weight: bold; font-style: italic;}
.formASV .radio,
.formASV .radio-inline,
.formASV .checkbox,
.formASV .checkbox-inline {padding-top: 10px;}
.formASV .radio input,
.formASV .radio-inline input,
.formASV .checkbox input,
.formASV .checkbox-inline input {margin-top: 2px;}
#content .formASV .row {margin-left: -15px; margin-right: -15px;}
#content .formASV .row > .col {padding-left: 15px; padding-right: 15px;}
.formASV .form-group {margin-bottom: 20px;}
.formASV .form-group:last-child {margin-bottom: 0;}
.formASV .toggle-content {margin-bottom: 20px;}
.formASV .toggle-content:last-child {margin-bottom: 0;}
.formASV .form-control {padding: 10px 15px 11px; border: solid #e3e2e2 !important; border-width: 2px 0 0 2px !important; height: 43px; font-size: 14px; font-weight: bold; font-style: italic; background: #fff;}
.formASV .form-control {
  -webkit-border-radius: 2px !important;
  -moz-border-radius:    2px !important;
  border-radius:         2px !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow:    none !important;
  box-shadow:         none !important;
}
.formASV select.form-control {padding: 10px;}
.formASV textarea.form-control {height: 103px;}
.formASV .toggle-content {display: none;}
.formASV .alert {border: 1px solid #d6d4d4; color: #646464; background: #fff;}
.formASV .alert {
  -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow:    3px 3px 3px rgba(0, 0, 0, 0.1);
  box-shadow:         3px 3px 3px rgba(0, 0, 0, 0.1);
}
.formASV .alert p {margin: 0;}
.formASV .text-label {padding-top: 10px;}

.formASV tr:hover td {background: #f8f8f8;}
.formASV td input.text {padding: 4px 10px; border: 1px solid #9e9e9e; width: 100%; background: #f2f4f5;}
.formASV .markdown {margin-bottom: 30px;}
.formASV label.error {font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem;}
.formASV .error_message {display: block; clear: both; margin-top: 10px; padding-top: 10px; padding-left: 15px; font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem; color: #d43f3a;}
.formASV .error_message:first-child {padding-top: 0; padding-left: 0;}
.formASV .col > .error_message {padding-left: 0;}
.formASV .input-group-addon {border: 0; color: #fff; background: #ffbb19;}
.formASV .input-group-addon {
  background-image: -webkit-linear-gradient(top, #ffbb19, #ffa200);
  background-image:    -moz-linear-gradient(top, #ffbb19, #ffa200);
  background-image:     -ms-linear-gradient(top, #ffbb19, #ffa200);
  background-image:      -o-linear-gradient(top, #ffbb19, #ffa200);
  background-image:         linear-gradient(top, #ffbb19, #ffa200);
}
.formASV .check {text-align: center;}
.formASV .natureFond input {float: left; margin: 2px 5px 0 0;}
.formASV .natureFond span {display: block; overflow: hidden;}
.formASV .natureFond span {display: block; overflow: hidden;}

.formASV .sort {float: right; margin-top: 4px; width: 5px; height: 8px; overflow: hidden; background: url('images/sort.gif') no-repeat 0 0;}
.formASV .sort.asc {background-position: -5px 0;}
.formASV .sort.desc {background-position: -10px 0;}

/*#id553 .formASV .tab-pane {display: block !important;}*/


.popover p {margin: 0 !important;}

iframe #MasterMainContent { width:100% !important}

.popin #navigationInterne {display: none !important}




/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   Page demande de documentation                                <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

#recevoirdoc {background-color:#ffffff;padding-bottom:20px;}
#recevoirdoc img {margin-bottom:25px;}
#recevoirdoc legend {color:#77c65b;}
#recevoirdoc fieldset {padding-right:20px; padding-left:20px;}


/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   Page recevoir une newsletter                                <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

#page_newsletter {background-color:#ffffff;padding-bottom:20px;}
#page_newsletter img {margin-bottom:25px;}
#page_newsletter form {padding-right:20px; padding-left:20px;}
#page_newsletter legend {color:#77c65b;}


/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   info_contact                                  <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

#info_contact {background-color:#ffffff; padding:20px;}
#info_contact h4 {color:#77c65b; line-height:2,2rem;}
#info_contact p {font-size:16px;}
#info_contact p, #info_contact h4 {text-align:center;}



/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   form contactezNous                                  <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

#contactezNous {background-color:#ffffff; padding:20px;}
#contactezNous h4 {color:#77c65b}
#contactezNous legend {color:#77c65b;}





/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   template6                                    <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

.template6 #actualites .actualite {margin-bottom: 0;}
.template6 #infos .inner {
  -webkit-box-shadow: none;
  -moz-box-shadow:    none;
  box-shadow:         none;
}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   mediaqueries                                 <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

@media (max-width: 767px) {
  h2 {top: -5px; margin-bottom: 14px; font-size: 20px; font-size: 2rem; line-height: 24px; line-height: 2.4rem;}
  h3 {top: -3px; margin: 26px 0 13px; font-size: 17px; font-size: 1.7rem; line-height: 18px; line-height: 1.8rem;}
  h4 {top: -3px; margin: 12px 0 0; font-size: 12px; font-size: 1.2rem; line-height: 14px; line-height: 1.4rem;}
  p {margin-bottom: 9px; font-size: 10px; font-size: 1rem; line-height: 14px; line-height: 1.4rem;}
  ul, ol {margin-bottom: 9px;}
  li {font-size: 10px; font-size: 1rem; line-height: 14px; line-height: 1.4rem;}
  ul li {padding-left: 15px;}
  ul li:before {margin: 4px 0 0 -15px;}
  blockquote {margin: 20px 0; padding: 20px;}
  blockquote h3 {margin: -20px -20px 20px !important; padding: 13px 20px !important; font-size: 17px; font-size: 1.7rem; line-height: 18px; line-height: 1.8rem;}
  blockquote h3:first-child {margin-top: -20px;}
  blockquote h3:before {left: 20px;}
  hr {margin: 20px 0;}

  form {margin-top: 20px;}

  .plus li {padding-left: 19px; font-size: 12px; font-size: 1.2rem; line-height: 18px; line-height: 1.8rem;}
  .plus li:before {margin: 2px 0 0 -19px; width: 12px; height: 12px;}
  .plus li:before {
    -webkit-background-size: 12px 12px;
    -moz-background-size:    12px 12px;
    background-size:         12px 12px;
  }
  .plus li + li {margin-top: 5px;}

  #header {padding: 20px 0 0;}
  #logo {float: none; margin-bottom: 20px; text-align: center;}
  #logo a {display: inline-block; width: 258px; height: 50px; vertical-align: bottom; background: url('images/logo-assurancevie-m.png') no-repeat 0 0;}
  #logo a {
    -webkit-background-size: 258px 50px;
    -moz-background-size:    258px 50px;
    background-size:         258px 50px;
  }
  #liensHaut {display: none;}

  #liensActions {position: relative; float: none; padding: 0 2px 2px 62px;}
  #liensActions .nav > li {display: table; margin-left: 0; padding-left: 2px; width: 50%; overflow: hidden;}
  #liensActions .nav > li#item52 {width: 55%;}
  #liensActions .nav > li#item53 {width: 45%;}
  #liensActions .nav > li > a {display: table-cell; border-left-width: 49px; padding: 2px 7px 0; height: 43px; vertical-align: middle; font-size: 10px; line-height: 12px; font-weight: normal;}
  #liensActions .nav > li > a:before {left: 0 !important; top: 0 !important; bottom: 0 !important; margin-left: -49px; width: 49px !important; height: auto !important;}
  #liensActions .nav > li#item52 > a:before {background: url('images/liensActions-icon-52.png') no-repeat 15px 50%;}
  #liensActions .nav > li#item52 > a:before {
    -webkit-background-size: 27px 23px;
    -moz-background-size:    27px 23px;
    background-size:         27px 23px;
  }
  #liensActions .nav > li#item53 > a:before {background: url('images/liensActions-icon-53.png') no-repeat 15px 50%;}
  #liensActions .nav > li#item53 > a:before {
    -webkit-background-size: 19px 17px;
    -moz-background-size:    19px 17px;
    background-size:         19px 17px;
  }

  .navbar-toggle {position: absolute; left: 2px; top: 0; margin: 0; padding: 7px; border: 0; width: 60px; height: 43px; text-align: center; color: #eaf7fc; background: #56c7f4;}
  .navbar-toggle {
    background-image: -webkit-linear-gradient(top, #56c7f4, #19a9e7);
    background-image:    -moz-linear-gradient(top, #56c7f4, #19a9e7);
    background-image:     -ms-linear-gradient(top, #56c7f4, #19a9e7);
    background-image:      -o-linear-gradient(top, #56c7f4, #19a9e7);
    background-image:         linear-gradient(top, #56c7f4, #19a9e7);
    -webkit-border-radius: 0;
    -moz-border-radius:    0;
    border-radius:         0;
  }
  .navbar-toggle .icon-bar {margin-left: auto; margin-right: auto; width: 20px; height: 3px; background-color: #eaf7fc;}
  .navbar-toggle .icon-bar {
    -webkit-border-radius: 0;
    -moz-border-radius:    0;
    border-radius:         0;
  }
  .navbar-toggle .icon-bar + .icon-bar {margin-top: 3px;}
  .navbar-toggle .text {display: block; margin-top: 5px; font: 10px 'Bliss2XB', sans-serif; text-transform: uppercase; text-align: center;}

  .button a,
  .button input,
  .button button {padding: 13px 10px 13px; min-width: 0; font-size: 10px; line-height: 13px;}

  .more a {padding: 3px 4px 2px; height: auto; font-size: 10px; line-height: 11px;}

  #infos .inner {margin: 0 0 1px; border-bottom: 1px solid #d8d9da !important;}
  #infos .inner {
    -webkit-box-shadow: 0 1px 0 #fff !important;
    -moz-box-shadow:    0 1px 0 #fff !important;
    box-shadow:         0 1px 0 #fff !important;
  }
  #infos {border: 0; background: none;}
  #infos.sansProduits {top: auto;}
  #infos .container {padding: 20px;}
  #infos .inner > .row {margin: 0 -10px; padding: 0; text-align: left;}
  #infos .inner > .row > .col {display: block; float: left; padding: 15px 10px; width: 50%; font-size: 9px; font-size: 0.9rem; line-height: 12px; line-height: 1.2rem; text-align: left;}
  #infos .inner > .row > .col:first-child {width: 100%; font-size: 20px; font-size: 2rem; line-height: 24px; line-height: 2.4rem;}
  #infos .inner > .row > .col:first-child > div {margin: -15px 0; padding: 15px 10px; border: 1px solid #252627; text-align: center;}
  #infos .inner > .row > .col:first-child > div:before {margin-right: 20px;}

  #infos .inner > .row > .col > div:before {margin-right: 10px; background: url('images/infos-icons-m.png') no-repeat 0 0;}
  #infos .inner > .row > .col > div:before {
    -webkit-background-size: auto 30px;
    -moz-background-size:    auto 30px;
    background-size:         auto 30px;
  }
  #infos .inner > .row > .col > .phone:before {width: 19px; height: 30px; background-position: 0 0;}
  #infos .inner > .row > .col > .hours:before {width: 21px; height: 21px; background-position: -19px 0;}
  #infos .inner > .row > .col > .days:before {width: 21px; height: 21px; background-position: -40px 0;}

  #footer {padding: 0;}
  #footer .more {text-align: right;}
  #footer > .container {padding: 0 20px 25px;}
  #footer > .container > .row > .col-sm-3 {padding-left: 0;}

  #footer-nav {margin-bottom: 15px;}
  
  #navbar {background: none;}
  #navbar .nav {padding-right: 0; background: #0155a3;}
  #navbar .nav > li {display: block; padding-left: 0; width: auto; overflow: hidden; background: none;}
  #navbar .nav > li + li {border-top: 1px dotted #fff;}
  #navbar .nav > li > a {display: block; position: relative; padding: 21px 44px 20px 20px; vertical-align: middle; font-size: 14px; line-height: 18px; text-align: left; color: #fff; background: #0155a3;}
  #navbar .nav > li.active > a {color: #fff; background: #0155a3;}
  #navbar .nav > li > a:before {position: absolute; right: 20px; top: 50%; margin-top: -4px; width: 14px; height: 8px; content: ""; background: url('images/navbar-arrow.png') no-repeat 0 -9px;}
  #navbar .nav > li > a:before {
    -webkit-background-size: auto 41px;
    -moz-background-size:    auto 41px;
    background-size:         auto 41px;
  }
  #navbar .nav > li.dropdown.open > a:before {margin-top: -5px; width: 10px; height: 10px; background-position: 0 -31px;}
  #navbar .nav > li.dropdown:hover > a,
  #navbar .nav > li.dropdown.open > a,
  #navbar .nav > li.active > a:hover,
  #navbar .nav > li.active > a:focus,
  #navbar .nav > li > a:hover,
  #navbar .nav > li > a:focus {margin: 0; border: 0; color: #fff; background: #1bb6f1;}

  #navbar .nav > li.dropdown:hover > a:after {display: none;}
  #navbar .nav > li.dropdown:hover > ul.dropdown-menu {display: none;}
  #navbar .nav > li.dropdown.open > ul.dropdown-menu {display: block !important;}
  #navbar .nav > li.dropdown > ul.dropdown-menu {position: relative; left: auto; top: auto; right: auto; bottom: auto; padding: 15px 0; color: #ffa200; background: #f9f9fa;}
  #navbar .nav > li.dropdown > ul.dropdown-menu:before {display: none;}
  #navbar .nav > li.dropdown > ul.dropdown-menu > li {display: block; margin: 0; padding: 0 2px;}
  #navbar .nav > li.dropdown > ul.dropdown-menu > li + li {margin-top: 2px;}
  #navbar .nav > li.dropdown > ul.dropdown-menu > li > a {display: block; padding: 8px 38px 11px 18px; border: 0 !important; font-size: 14px; line-height: 18px; font-weight: bold; white-space: normal; text-align: left; color: #ffa200; background: #f9f9fa;}
  #navbar .nav > li.dropdown > ul.dropdown-menu > li > a:before {position: absolute; right: 18px; top: 50%; margin-top: -4.5px; width: 12px; height: 9px; content: ""; background: url('images/navbar-arrow.png') no-repeat -6px 0;}
  #navbar .nav > li.dropdown > ul.dropdown-menu > li > a:before {
    -webkit-background-size: auto 41px;
    -moz-background-size:    auto 41px;
    background-size:         auto 41px;
  }
  #navbar .nav > li.dropdown > ul.dropdown-menu > li.active > a,
  #navbar .nav > li.dropdown > ul.dropdown-menu > li.active > a:hover,
  #navbar .nav > li.dropdown > ul.dropdown-menu > li.active > a:focus,
  #navbar .nav > li.dropdown > ul.dropdown-menu > li > a:hover,
  #navbar .nav > li.dropdown > ul.dropdown-menu > li > a:focus {color: #ffa200; background: #faecd5;}

  #user {display: none;}
  #nav-client {float: none;}
  #nav-client .nav > li {float: none; margin: 0;}
  #nav-client .nav > li > a:before {position: absolute; right: 20px; top: 50%; margin-top: -4px; width: 14px; height: 8px; content: ""; background: url('images/navbar-arrow.png') no-repeat; background-position: 0 -9px !important;}
  #nav-client .nav > li > a:before {
    -webkit-background-size: auto 41px;
    -moz-background-size:    auto 41px;
    background-size:         auto 41px;
  }

  #maincontent {border-top: 1px solid #cacacc;}

  #aside {padding: 0;}
  #content {padding: 25px 20px;}

  #subnav {margin: 0;}
  #subnav .navbar-toggle {z-index: 10; left: auto; right: 0; width: auto; height: 58px; color: #ffa200; background: none;}
  #subnav .navbar-toggle .icon-bar {background: #ffa200;}
  #subnav .parent a {position: relative; padding: 19px 20px 21px; font-size: 14px; line-height: 18px; text-transform: none;}
  #subnav .nav {padding-left: 20px; background: #ffa200;}
  #subnav .nav > li {border: 0;}
  #subnav .nav > li + li {border-top: 1px solid #f9f9fa;}
  #subnav .nav > li > a {display: block; position: relative; padding: 19px 38px 21px 0; vertical-align: middle; font-size: 14px; line-height: 18px; text-align: left; color: #f9f9fa; background: #ffa200;}
  #subnav .nav > li > a:before {position: absolute; right: 20px; top: 50%; margin-top: -8px; width: 8px; height: 14px; content: ""; background: url('images/navbar-arrow.png') no-repeat 0 -17px;}
  #subnav .nav > li > a:before {
    -webkit-background-size: auto 41px;
    -moz-background-size:    auto 41px;
    background-size:         auto 41px;
  }
  #subnav .nav > li > a:hover,
  #subnav .nav > li > a:focus {z-index: 20; margin: -1px 0 -1px -20px; border: solid #f9f9fa; border-width: 1px 0 1px 20px; color: #ffa200; background: #f9f9fa;}
  #subnav .nav > li > a:hover:before,
  #subnav .nav > li > a:focus:before {background-position: -8px -17px;}
  #subnav .nav > li.active > a,
  #subnav .nav > li.active > a:hover,
  #subnav .nav > li.active > a:focus {color: #2f3031;}
  #subnav .nav > li > ul {display: block; padding: 15px 0 15px 15px; border: 0; color: #ffa200; background: #f9f9fa;}
  #subnav .nav > li > ul:before {border-color: #ffa200 transparent transparent #ffa200;}
  #subnav .nav > li > ul > li + li {border-top: 0;}
  #subnav .nav > li > ul > li > a {display: block; position: relative; padding: 9px 10px 11px; font-size: 14px; line-height: 18px; text-align: left; color: #ffa200; background: #f9f9fa;}
  #subnav .nav > li > ul > li > a:hover,
  #subnav .nav > li > ul > li > a:focus {text-decoration: none; background: #faecd5;}

  h2 + .box {margin-top: 0;}
  .box {margin: 20px -20px; padding: 20px;}
  .box .col + .col {margin-top: 20px;}
  .box .text {margin-bottom: 20px;}
  .box .text p {font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem;}
  .box .text p:first-child {margin-top: -4px;}
  .box .text p:last-child {margin-bottom: -5px;}

  .wrapper {padding: 25px 20px;}
  .wrapper > .container > .row + .row {margin-top: 20px;}

  #carousel {margin: 0 0 20px; background: #fff;}
  #carousel .slider {height: auto;}
  #carousel .bx-pager {display: none;}
  #carousel .bx-controls-direction {display: block;}
  #carousel .bx-controls-direction a.bx-prev {position: absolute; left: 15px; bottom: 22px;}
  #carousel .bx-controls-direction a.bx-prev:hover:before,
  #carousel .bx-controls-direction a.bx-prev:focus:before {background-position: 0 -14px;}
  #carousel .bx-controls-direction a.bx-next {position: absolute; right: 15px; bottom: 22px;}
  #carousel .bx-controls-direction a.bx-next:hover:before,
  #carousel .bx-controls-direction a.bx-next:focus:before {background-position: -8px -14px;}

  .slide {padding-bottom: 60px; height: auto;}
  .slide .button {left: 65px; bottom: 10px; right: 65px;}
  .slide .button a {display: block;}

  .bx-controls-direction a {display: block; position: relative; width: 8px; height: 14px; overflow: hidden; text-indent: -999em; text-align: left;}
  .bx-controls-direction a:before {position: absolute; left: 50%; top: 50%; margin: -7px -4px; width: 8px; height: 14px; content: ""; background: url('images/pager-arrow.png') no-repeat 0 0;}
  .bx-controls-direction a:before {
    -webkit-background-size: 16px auto;
    -moz-background-size:    16px auto;
    background-size:         16px auto;
  }
  .bx-controls-direction a.bx-prev:before {background-position: 0 0;}
  .bx-controls-direction a.bx-next:before {background-position: -8px 0;}

  #offresSpeciales {margin-left: 0; padding: 20px;}
  #offresSpeciales h3 {margin-bottom: 14px; font-size: 11px; font-size: 1.1rem; line-height: 14px; line-height: 1.4rem; text-align: center;}

  #actionsAccueil .row > .col {float: none; width: auto;}
  #actionsAccueil .row > .col + .col {margin-top: 3px;}

  #products {padding-bottom: 37px;}
  #products h3 {margin-bottom: 13px; text-align: center;}
  #products .row > .col {float: none; width: auto;}
  #products .row > .col + .col {margin-top: 20px;}
  #products .more {position: absolute; left: 0; bottom: -37px; right: 0; float: none; text-align: center;}
  #products .item:hover {top: auto;}
  #products .item:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow:    none;
    box-shadow:         none;
  }
  #products .bx-wrapper {position: relative;}
  #products .bx-wrapper .row {margin: 0;}
  #products .bx-wrapper .row > .col + .col {margin-top: 0;}
  #products .bx-wrapper .row > .col {padding: 0 40px;}
  #products .bx-controls-direction a.bx-prev {position: absolute; left: -20px; top: 50%; margin-top: -20px; width: 40px; height: 40px; background: #f1f1f3;}
  #products .bx-controls-direction a.bx-prev:hover,
  #products .bx-controls-direction a.bx-prev:focus {background-color: #fff;}
  #products .bx-controls-direction a.bx-next {position: absolute; right: -20px; top: 50%; margin-top: -20px; width: 40px; height: 40px; background: #f1f1f3;}
  #products .bx-controls-direction a.bx-next:hover,
  #products .bx-controls-direction a.bx-next:focus {background-color: #fff;}

  #societesGestion {padding-bottom: 37px;}
  #societesGestion h3 {margin-bottom: 13px;}
  #societesGestion .row {margin: -10px;}
  #societesGestion .row > .col {display: block; float: left; padding: 10px; width: 25%;}
  #societesGestion .more {position: absolute; left: 0; bottom: -37px; right: 0; float: none; text-align: center;}

  #sitemap {display: none;}

  #chapo {padding: 0;}
  #chapo h3 {top: -5px; font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2rem;}
  #chapo h3:last-child {margin-bottom: -10px;}

  #text .button {text-align: center;}

  #recompenses .row {margin: -7.5px -5px;}
  #recompenses .row > .col {float: left; padding: 7.5px 5px; width: 50%;}
  #recompenses .row > .col:nth-child(odd) {clear: both;}
  #recompenses .row > .col img {margin-left: auto; margin-right: auto; margin-bottom: 12px; width: 100%;}
  #recompenses .row > .col .text {margin: 0 0 -5px; padding: 0 5px; font-size: 9px; font-size: 0.9rem; line-height: 14px; line-height: 1.4rem;}
  #recompenses .row > .col .text:before,
  #recompenses .row > .col .text:after {display: none;}

  #partenaires .row {margin: -5px;}
  #partenaires .row > .col {float: left; padding: 5px; width: 33.3333%;}

  .item {padding: 15px;}
  .item h4 {top: -3px; margin-bottom: -6px; height: auto; font-size: 14px; font-size: 1.4rem; line-height: 16px; line-height: 1.6rem;}
  .item h5 {top: -1.5px; margin-bottom: 0; font-size: 9px; font-size: 0.9rem; line-height: 10px; line-height: 1rem;}
  .item h5 + .illustration {margin-top: 11px;}

  .item.pull-right {float: none !important; margin: 0 0 20px;}
  .item .illustration {text-align: center;}

  p + .button {margin-top: 14px;}
  .button {margin: 20px 0;}
  .actualite .illustration {margin-bottom: 11px;}
  .actualite .more {margin-top: 17px;}

  .wrapper .row.col-2 > .col {margin-top: -25px; margin-bottom: -25px;}

  .wrapper.containerClair .row.col-2 > .col {margin-top: 0; margin-bottom: 0;}
  .wrapper.containerClair .row.col-2 > .col:first-child {margin-top: -25px;}
  .wrapper.containerClair .row.col-2 > .col:last-child {margin-bottom: -25px;}

  .row.col-2 {margin-left: -20px; margin-right: -20px;}
  .row.col-2 > .col {padding: 25px 20px;}
  .row.col-2 > .col + .col {border-left: 0;}

  .containerClair .row.col-2 > .col + .col {border-top: 1px solid #fff;}

  .actions {margin: 20px 0;}
  .actions .button a {padding: 2px 10px 0 41px; height: 41px; font-size: 10px; font-size: 1rem; line-height: 12px; line-height: 1.2rem;}
  .actions .button a:before {left: 10px; margin-top: -10.5px; width: 21px; height: 21px;}
  .actions .button a:before {
    -webkit-background-size: 84px auto;
    -moz-background-size:    84px auto;
    background-size:         84px auto;
  }
  .actions .button.icon-offres a:before {background-position: 0 0;}
  .actions .button.icon-offres.orange a:before {background-position: 0 -21px;}
  .actions .button.icon-offres.vert a:before {background-position: 0 -42px;}
  .actions .button.icon-contrat a:before {background-position: -21px 0;}
  .actions .button.icon-contrat.orange a:before {background-position: -21px -21px;}
  .actions .button.icon-contrat.vert a:before {background-position: -21px -42px;}
  .actions .button.icon-documentation a:before {background-position: -42px 0;}
  .actions .button.icon-documentation.orange a:before {background-position: -42px -21px;}
  .actions .button.icon-documentation.vert a:before {background-position: -42px -42px;}
  .actions .button.icon-newsletter a:before {background-position: -63px 0;}
  .actions .button.icon-newsletter.orange a:before {background-position: -63px -21px;}
  .actions .button.icon-newsletter.vert a:before {background-position: -63px -42px;}

  .actions .row > .col + .col {margin-top: 10px;}

  .label {margin-bottom: 20px;}
  .label a,
  .label span {padding: 0 5px; border-right-width: 18px; height: 18px; font-size: 12px; font-size: 1.2rem; line-height: 19px;}
  .label a:after,
  .label span:after {margin-left: 5px;}

  .contrats {margin-top: 0;}
  .contrats + .contrats {margin-top: 20px;}
  .contrats > .row > .col {display: block;}
  .contrats .title {padding: 20px;}
  .contrats .title h3 {top: -3px; margin-bottom: -1px;}
  .contrats .title p {margin-bottom: -4px; font-size: 12px; font-size: 1.2rem; line-height: 16px; line-height: 1.6rem;}
  .contrats .content {padding: 20px;}
  .contrats .content:before {display: none;}
  .contrats .toggle-button {padding: 0 20px 20px;}

  .contrats .contrat {padding: 20px;}
  .contrats .contrat + .contrat {padding-top: 21px;}
  .contrats .contrat .item {margin: 0 0 20px;}
  .contrats .contrat .infos {padding: 0;}
  .contrats .contrat .labels {margin: 0;}
  .contrats .contrat .labels:after {display: table; clear: both; content: "";}
  .contrats .contrat .label {float: left; clear: left; margin: 0; padding: 3px 5px; font-size: 12px; font-size: 1.2rem; line-height: 16px; line-height: 1.6rem; white-space: normal;}
  .contrats .contrat .label + .label {margin-top: 5px;}
  .contrats .contrat .label em {margin: -3px -5px -3px 5px; width: 22px; height: 22px; font-size: 12px; line-height: 20px;}
  .contrats .contrat .actions {margin: 20px 0 0;}
  .contrats .contrat .more {margin-top: 20px; text-align: center;}

  .table-responsive {border: 0;}
  .table-contrat thead th {padding: 15px; font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem;}
  .table-contrat thead td.icon {padding: 15px;}
  .table-contrat thead td.icon.icon-eye:before {width: 25px; height: 18px;}
  .table-contrat thead td.icon.icon-eye:before {
    -webkit-background-size: 25px auto;
    -moz-background-size:    25px auto;
    background-size:         25px auto;
  }
  .table-contrat tbody th {padding: 14px 15px 15px; font-size: 9px; font-size: 0.9rem; line-height: 12px; line-height: 1.2rem;}
  .table-contrat tbody td {padding: 14px 15px 15px; font-size: 9px; font-size: 0.9rem; line-height: 12px; line-height: 1.2rem;}
  .table-contrat em[data-content] {width: 12px; height: 12px; font-size: 10px; line-height: 14px;}

  .table-comparateur thead .contrat th {font-size: 16px; font-size: 1.6rem; line-height: 20px; line-height: 2rem;}
  .table-comparateur thead th {padding: 15px; font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem;}
  .table-comparateur tbody th {padding: 14px 15px 15px 0; font-size: 9px; font-size: 0.9rem; line-height: 12px; line-height: 1.2rem;}
  .table-comparateur tbody td {padding: 14px 15px 15px; font-size: 9px; font-size: 0.9rem; line-height: 12px; line-height: 1.2rem;}
  .table-comparateur tbody td strong {font-size: 14px; font-size: 1.4rem; line-height: 18px; line-height: 1.8rem;}
  .table-comparateur em[data-content] {width: 12px; height: 12px; font-size: 10px; line-height: 14px;}

  .tab-pane {padding: 30px 20px;}

  .wrapperContratsFooter.sansProduits {display: none;}

  div.li .more {float: none; margin-top: 15px; text-align: right;}

  .markdown h3 {margin-bottom: 9px}
  .markdown p > strong > em a {height: auto;}

  .more {margin-bottom: 10px;}

  .box + .formASV {margin-top: 0;}
  .formASV .form-control {padding: 5px 10px; height: 32px;}
  .formASV .form-control {
    -webkit-border-radius: 0;
    -moz-border-radius:    0;
    border-radius:         0;
  }
  .formASV select.form-control {padding: 5px;}
  .formASV .control-label {margin-bottom: 16px; padding-top: 0; min-height: 0;}
  .formASV .form-group {margin-bottom: 20px;}
  .formASV .form-group .control-label ~ .col + .col {margin-top: 10px;}
  .formASV fieldset + fieldset {margin-top: 30px;}
  .formASV .nav-tabs {display: none;}
  .formASV .radio,
  .formASV .radio-inline,
  .formASV .checkbox,
  .formASV .checkbox-inline {padding-top: 0;}
  .formASV .radio label,
  .formASV .radio-inline label,
  .formASV .checkbox label,
  .formASV .checkbox-inline label {font-size: 11px; font-size: 1.1rem; line-height: 14px; line-height: 1.4rem;}
  .formASV label.error {font-size: 11px !important; font-size: 1.1rem !important; line-height: 14px; line-height: 1.4rem;}

  .template6 #actualites .col + .col {margin-top: 20px;}
  .template6 #actualites .actualite .illustration {float: left; padding-right: 15px; width: 50%; margin-bottom: 0; background: none;}
  .template6 #actualites .actualite p {overflow: hidden;}
  .template6 #partenaires .illustration {margin-top: 0; padding: 10px; line-height: 40px;}
  .template6 #partenaires .illustration img {max-height: 40px;}

  .template9 .table-responsive {margin: 30px 0;}
  .template9 .nav-tabs > li > a {padding: 4px 5px 3px; font-size: 9px; line-height: 14px;}
  .template9 .tab-pane {margin: 0 -20px;}

}

@media (min-width: 768px) and (max-width: 991px) {
  #infos .inner {margin-left: 0; margin-right: 0;}
}

@media (min-width: 992px) and (max-width: 1199px) {
  #infos .inner {margin-left: 0; margin-right: 0;}
}

@media (min-width: 1200px) {
}

@media (max-width: 768px) {
  #col_contact {margin-top:10px; margin-bottom:10px;}
}


/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   QUIZ                                       <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   Page Lots à gagner                                       <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

#lot-quiz {
	background-color:#ffffff;
	padding:20px;
	margin-bottom:20px;
}

#rules_quiz {padding:10px;}



/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   Page quiz                                       <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

#form-id legend {
		color:#00b0f0;
		text-transform:uppercase;
		font-size:20px;
		margin-top:20px;
}

#form-id {
		background-color:#ffffff;
		padding:15px;
		margin-top:15px;
}

#form-id label {
		color:#7a7a7a;
}

#form-id .control-label {
		color:#0d76bc;
		text-transform:none;
		font-size:16px;
		font-weight:600;
}

.formASV #form-id legend {
	display: block; 
	position: relative; 
	padding-bottom: 15px;
	border-bottom: 1px solid #00b0f0 !important;
	font: bold 18px/22px 'Bliss', sans-serif;
	font-size: 1.8rem; line-height: 2.2rem;
}




#form-quest {
		background-color:#ffffff;
		padding:15px;
		margin-top:15px;
}

#form-quest legend {
		color:#00b0f0;
		text-transform:uppercase;
		font-size:20px;
		margin-top:20px;
}

#form-quest label {
		color:#7a7a7a;
}

#form-quest .control-label {
		color:#0d76bc;
		text-transform:none;
		font-size:16px;
		font-weight:600;
}

#form-quest .radio-inline {
		margin-left:10px;
		padding-right:10px;
		padding-left:10px;
		padding-top:5px;
		padding-bottomt:5px;
}

#form-id label.error {color:#d43f3a;}


.formASV #form-quest legend {
	display: block; 
	position: relative; 
	padding-bottom: 15px;
	border-bottom: 1px solid #00b0f0 !important;
	font: bold 18px/22px 'Bliss', sans-serif;
	font-size: 1.8rem; line-height: 2.2rem;
}


#form-quest label.error {color:#d43f3a;}


#quiz-disclaimer {
		background-color:#ffffff;
		padding:15px;
		margin-top:20px;
		font-size:12px;
		color:#7a7a7a;
}

.mention-legale {
		font-size:14px;
		line-height:1.6em;
		color:#888888;

}





/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   Page quiz Merci                                      <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */


#enregistrement p {
		text-align:center;
		color:#1798eb;
		font:40px 'Bliss2XB', sans-serif;
		font-weight:400;
		color:#00b0f0;
}


/* CSS Document */

.markdown table { border:none}
.markdown table caption {text-align:center; font-size:14px; color:#62b445; padding:10px; font-weight:bold;}
.markdown table tr td:first-child { border-left:none }

.markdown table thead th {padding:15px 15px;}

.markdown th > strong {white-space:nowrap}
.markdown td.tdcolspan {text-align:center;} 
.markdown td > strong {white-space:nowrap}
.markdown td > strong > em {display: block;}
.markdown td > strong > em:after {display: table; clear: both; content: "";}
.markdown td > strong > em a {position: relative; z-index: 10; float: right; padding: 3px 10px 2px; border: 1px solid #252627; height: 23px; vertical-align: bottom; font: 13px/16px 'Bliss', sans-serif; text-transform: uppercase; text-decoration: none; color: #252627; white-space:nowrap}
.markdown td:last-child > strong > em a {margin-bottom: 0;}
.markdown td > strong > em a:hover,
.markdown td > strong > em a:focus {text-decoration: none; color: #252627;}
.markdown td > strong > em a:hover,
.markdown td > strong > em a:focus {
  -webkit-box-shadow: 0 0 0 1px #252627 inset;
  -moz-box-shadow:    0 0 0 1px #252627 inset;
  box-shadow:         0 0 0 1px #252627 inset;
}
.markdown td > em > strong > em {text-align: right;}

.box .illustration  { background-color:#FFF; text-align:center}

.box .illustration img { background-color:#FFF; }

.actualite { margin-bottom:30px}

.actualite .illustration { background-color:#FFF}
.actualite h3.sansParent { margin-top:20px}

.plus li strong { white-space:nowrap}

label.error { display:block; margin-top:10px; color:#d43f3a; font-size:14px; font-size:1.4em}

.markdown blockquote table thead th { background-color:#5FC8F9}

blockquote h3 { padding:23px 50px}
.markdown blockquote table {border : 1px dotted #969797}

h6 { font-size:11px; font-size:1.1rem; line-height:14px; line-height:1.4rem; margin:10px 0}

.markdown  ul ol { list-style-type:circle; margin:5px 20px 5px 20px}

.markdown dt {position: relative;  top: -6px;  margin: 54px 0 25px;  font: 28px/34px 'Bliss2XB', sans-serif;  font-size: 2.8rem;  line-height: 3.4rem;  text-transform: uppercase;  color: #1798eb;}

.markdown  ul ol li {padding-left:0}
.markdown  ul ol li:before { display:none; }

ol strong { margin-right:10px}

.chapo strong { font-weight:normal}

#subnav .nav li#subid159 ul { padding-top:10px; padding-bottom:10px}
#subnav .nav li#subid159 ul li { display:inline-block; width:20px; text-align:center}
#subnav .nav li#subid159 ul li a { padding:7px 0 6px}

#subnav .nav > li#subid159 > ul > li + li {   border-top-width: 0px}


#id154 h4 { margin-top:50px}
#id154 .alert h4 { margin-top:0px}


/* v1 simulation */

.simulation form:before, .simulation form:after {display:table; clear:both; content:"";}

#simulation {margin-top:20px; padding-top:26px; background:url('images/sep.gif') repeat-x 0 0;}
#simulation table {margin-left:-2px; margin-right:-2px; border-spacing:2px 1px; width:100%;}
#simulation th {}
#simulation td {padding-left:3px; padding-right:3px; width:54px; text-align:center;}
#simulation th.first { width:100px !important;white-space:nowrap }
#simulation td.first {padding-left:10px; padding-right:10px; width:100px !important; text-align:left; color:#127fc5;}
#simulation td.last { width:70px !important;}
#simulation .sep {margin:25px 0; height:1px; overflow:hidden; background:url('images/sep.gif') repeat-x 0 0;}
#simulation .focus td {border:1px solid #1bb6f1; color:#127fc5; background:#e6f2f7;}
#simulation .total td {border:1px solid #1bb6f1; font-weight:bold; color:#127fc5; background:#e6f2f7 url('images/crosshatch-blue.gif') repeat 1px 0;}
#simulation .orange td {border:1px solid #ffb400; font-weight:bold; color:#ffa200; background:#f9f1e6 url('images/crosshatch-yellow.gif') repeat 1px 0;}
#simulation .choix {font-size:1em; line-height:1em;}
#simulation .choix .first {display:inline-block; *display:inline; zoom:1; margin-right:10px; vertical-align:top; font-size:1.4em; line-height:18px; font-weight:bold; color:#353535;}
#simulation .choix .textRadio {margin-bottom:10px; font-size:1.3em; line-height:18px; font-weight:bold;}
#simulation .choix .group {display:inline-block; *display:inline; zoom:1;}
#simulation .choix input {margin-bottom:10px;}
#simulation .contrat {position:relative; margin:20px 0 -19px; height:20px;}
#simulation .contrat .etiquette {position:absolute; top:-20px; padding-bottom:16px; background:url('images/contrat-arrow.png') no-repeat 50% 100%;}
#simulation .contrat .etiquette.start {left:74px;}
#simulation .contrat .etiquette.end {right:32px;}
#simulation .contrat .etiquette span {display:block; padding:0 6px; height:19px; font:1.3em/20px 'Bliss',Arial,Helvetica,sans-serif; text-transform:uppercase; text-align:center; color:#fff; background-color:#d83546;}
/*#simulation .table3 {display:block !important;}*/

#simulation #pfl {margin-top:20px;}

.markdown table tbody tr + tr th, .markdown table tbody tr + tr td { border-top:none}

div.plus li strong { white-space:normal}

#id252 .get1contratConnexionClient .illustration{ text-align:center; margin-bottom:20px}

#id252 .get1contratConnexionClient { margin-bottom:20px; padding-right: 10px;  padding-left: 10px;}

#content .row { margin-right: -10px;  margin-left: -10px;}

.parentN2_191 .get1actualite .illustration { padding:30px}
.parentN2_191 .wrapperChapo .illustration { padding:30px}
#aside_offresSpeciales .illustration { padding:20px}

.popin #header,
.popin #nav,
.popin #breadcrumb,
.popin .gauche,
.popin .wrapperContratsFooter,
.popin #infos,
.popin #footer,
.popin .retour {display:none}

.popin #content {width:100%; padding:20px}

.box.chapoIllustrationTop {margin-top:0}

.aside_enfants .img-float-left {float:left; margin-right:20px; margin-bottom:20px;}
.aside_enfants .textexplain {font-size:10px;}
.markdown .aside_enfants p {clear:none}
.markdown .aside_enfants hr {clear:both;}

.disabled .checkbox-inline, 
.disabled .radio-inline, 
.disabled fieldset .checkbox-inline, 
.disabled fieldset .radio-inline,
.disabled select,
.disabled input { color:#BBB}

.parentN1_56 sup { color:#127fc5}

.markdown .tab-content table thead th {
    color: #646464; background-color:#e5e5e7;
}

.nav>li#item598>a {
  background-image: -webkit-linear-gradient(top, #127fc5, #0155a3);
  background-image:    -moz-linear-gradient(top, #127fc5, #0155a3);
  background-image:     -ms-linear-gradient(top, #127fc5, #0155a3);
  background-image:      -o-linear-gradient(top, #127fc5, #0155a3);
  background-image:         linear-gradient(top, #127fc5, #0155a3);
}
.nav>li#item598 { background:none}
#navbar .nav { background:none}
/* CSS Document */

markdown td.tdcolspan {
    text-align: center;
}

/*test reduction taille balise titre*/
h2, h1 {font-size: 45px !important;}

.pannotation {font-size: 10px; padding: 10px 0 0 0;}

.exerguetable {color: #990000;}

#offresSpeciales .button {
  margin-top: 20px !important;
}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   Modal taux 2017                              <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

.taux_rows div.row {
  padding: 10px;
  font-size : 12px;
  margin-bottom: 10px;
}

.taux_assureur {
  font-size: 16px;
  font-weight: bold;
}

.taux_copy{
  font-size: 16px;
}

span.taux{
  color: #00b0f0;
  font-size: 18px;
  font-weight: bold;
}

span.small {
  font-size:12px;
}

.taux_assureur, .taux_copy{
  padding: 15px 0 10px 0;
}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   fonts                                        <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

@font-face {
  font-family: 'Bliss';
  src: url('fonts/bliss-regular-webfont.eot');
  src: url('fonts/bliss-regular-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/bliss-regular-webfont.woff') format('woff'),
       url('fonts/bliss-regular-webfont.ttf') format('truetype'),
       url('fonts/bliss-regular-webfont.svg#blissregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Bliss';
  src: url('fonts/bliss-italic-webfont.eot');
  src: url('fonts/bliss-italic-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/bliss-italic-webfont.woff') format('woff'),
       url('fonts/bliss-italic-webfont.ttf') format('truetype'),
       url('fonts/bliss-italic-webfont.svg#blissitalicregular') format('svg');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Bliss';
  src: url('fonts/bliss-bold-webfont.eot');
  src: url('fonts/bliss-bold-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/bliss-bold-webfont.woff') format('woff'),
       url('fonts/bliss-bold-webfont.ttf') format('truetype'),
       url('fonts/bliss-bold-webfont.svg#blissbold') format('svg');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Bliss';
  src: url('fonts/bliss-bold-italic-webfont.eot');
  src: url('fonts/bliss-bold-italic-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/bliss-bold-italic-webfont.woff') format('woff'),
       url('fonts/bliss-bold-italic-webfont.ttf') format('truetype'),
       url('fonts/bliss-bold-italic-webfont.svg#blissbold_italic') format('svg');
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'Bliss';
  src: url('fonts/bliss-light-webfont.eot');
  src: url('fonts/bliss-light-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/bliss-light-webfont.woff') format('woff'),
       url('fonts/bliss-light-webfont.ttf') format('truetype'),
       url('fonts/bliss-light-webfont.svg#blisslightregular') format('svg');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Bliss';
  src: url('fonts/bliss-light-italic-webfont.eot');
  src: url('fonts/bliss-light-italic-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/bliss-light-italic-webfont.woff') format('woff'),
       url('fonts/bliss-light-italic-webfont.ttf') format('truetype'),
       url('fonts/bliss-light-italic-webfont.svg#blisslightitalicregular') format('svg');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'Bliss2XB';
  src: url('fonts/bliss2xb-webfont.eot');
  src: url('fonts/bliss2xb-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/bliss2xb-webfont.woff') format('woff'),
       url('fonts/bliss2xb-webfont.ttf') format('truetype'),
       url('fonts/bliss2xb-webfont.svg#bliss2xb') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Bliss2MI';
  src: url('fonts/bliss2mi-webfont.eot');
  src: url('fonts/bliss2mi-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/bliss2mi-webfont.woff') format('woff'),
       url('fonts/bliss2mi-webfont.ttf') format('truetype'),
       url('fonts/bliss2mi-webfont.svg#bliss2mi') format('svg');
  font-weight: normal;
  font-style: normal;
}