/****** eb customized styles *******
***********************************/
/************ Common styles ********
***********************************/
#preopen_form .inner label {
  font-weight: normal;
  display: inline-block;
  margin-bottom: 0;
  line-height: 1.2em;
}
#preopen_form .inner h4 {
  font-size: 1.1em;
  font-weight: bold;
  margin: 5px 0px 15px;
}
#preopen_form .inner > div,
#preopen_form .inner article > div {
  margin-bottom: 10px;
}
#preopen_form .inner .with-radio label {
  width: auto;
  margin-right: 10px;
  position: relative;
  top: -2px;
}
#preopen_form .inner select,
#preopen_form .inner .email-field {
  width: 60%;
  margin: 0 auto;
}
.for-smd {
  display: none;
}
#offresDeCourtage {
  color: #868889;
}
#offresDeCourtage .navbar-default {
  background-color: #ffffff;
  margin: 15px 0 0 0;
}
#offresDeCourtage .shadowed-decored-line {
  text-align: center;
}
#offresDeCourtage .shadowed-decored-line .img-responsive {
  display: inline-block;
}
.notre-offre #bottom_notes li {
  background: none;
}
header h1 {
  background-repeat: no-repeat;
  padding: 40px 0px 20px 20px;
  margin: 30px 0px;
  color: #868889;
  font-size: 1em;
}
#top-header {
  font-family: "Josefin Sans", sans-serif;
  font-size: 1.8em;
  color: #E54627;
  margin: 30px 0 15px 0;
}
.head-label {
  text-align: center;
  margin-bottom: 20px;
}
#download_pdf {
  text-align: center;
  color: #868889;
  clear: both;
  margin: 20px 0px;
  background-color: #ffffff;
}
#download_pdf img {
  display: block;
  margin: 0 auto;
}
#download_pdf a {
  font-weight: bold;
}
.loi {
  color: #868889;
  padding: 0 20px 20px 20px;
}
button {
  border: 0;
}
#remplir_formulaires .glyphicon-info-sign {
  color: #01479D;
  margin-left: 5px;
  cursor: pointer;
  font-size: 1.3em;
  font-weight: bold;
}
#offresDeCourtage .modal {
  overflow-y: auto;
}
.close,
.close:hover,
.close:focus {
  opacity: 1;
}
main.notre-offre #footer ul li {
  background-image: none;
}
#preouverture-top h1#top-header {
  margin-top: 15px;
}
/*
-----------------------------------------------
	MODAL
===============================================
*/
#remplir_formulaires .modal {
  margin-top: 20%;
  text-align: left;
}
#remplir_formulaires .modal-header {
  border-bottom: 0;
}
#remplir_formulaires #formules_wrapper .modal {
  margin-top: 7%;
}
/*
-----------------------------------------------
	Ouverture - Transfert d'un compte
===============================================
*/
/* MIXINS */
.red-gradient-border {
  position: absolute;
  width: 1px;
  height: 100%;
  top: 0;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e64510+0,ffffff+100 */
  background: #e64510;
  /* Old browsers */
  background: -moz-linear-gradient(top, #e64510 0%, #ffffff 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e64510), color-stop(100%, #ffffff));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #e64510 0%, #ffffff 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #e64510 0%, #ffffff 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #e64510 0%, #ffffff 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #e64510 0%, #ffffff 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e64510', endColorstr='#ffffff', GradientType=0);
  /* IE6-9 */
}
#procedure #top-gradient-border {
  display: block;
  width: 100%;
  height: 5px;
  top: 0;
  left: 0;
  background: #3da46b;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: -moz-linear-gradient(left, #3da46b 0%, #a09039 52%, #b76646 71%, #a82058 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #3da46b), color-stop(52%, #a09039), color-stop(71%, #b76646), color-stop(100%, #a82058));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, #3da46b 0%, #a09039 52%, #b76646 71%, #a82058 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, #3da46b 0%, #a09039 52%, #b76646 71%, #a82058 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #3da46b 0%, #a09039 52%, #b76646 71%, #a82058 100%);
  /* IE10+ */
  background: linear-gradient(to right, #3da46b 0%, #a09039 52%, #b76646 71%, #a82058 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3da46b', endColorstr='#a82058', GradientType=1);
  /* IE6-8 */
}
#procedure #most-left,
.get_more a {
  background: #ffffff;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e5e5e5));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0);
  /* IE6-8 */
}
.get_more a {
  border-top: 1px solid #AFB5BC;
}
#procedure li,
#suivre_etapes ul li h4,
#suivre_etapes ul li p,
#suivre_etapes article,
.btn_next_step {
  background: #ffffff;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 44%, #e5e5e5 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(44%, #ffffff), color-stop(100%, #e5e5e5));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 44%, #e5e5e5 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%, #ffffff 44%, #e5e5e5 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 44%, #e5e5e5 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 44%, #e5e5e5 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0);
  /* IE6-8 */
}
.gradient-border {
  position: absolute;
  display: block;
  width: 1px;
  height: 100%;
  top: 0;
  background: #e3e3e3;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: -moz-linear-gradient(top, #e3e3e3 0%, #ffffff 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e3e3e3), color-stop(100%, #ffffff));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #e3e3e3 0%, #ffffff 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #e3e3e3 0%, #ffffff 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #e3e3e3 0%, #ffffff 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #e3e3e3 0%, #ffffff 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e3e3e3', endColorstr='#ffffff', GradientType=0);
  /* IE6-8 */
}
#preopen_recap_liste {
  position: relative;
}
#preopen_recap_liste .gradient-border {
  height: 70%;
}
.shadow-bg {
  -webkit-box-shadow: 0px 0px 3x 0px rgba(50, 50, 50, 0.5);
  -moz-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.5);
  box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.5);
}
.gradient-border.left {
  left: 0;
  z-index: 2;
}
.gradient-border.right {
  right: 0;
}
/*#suivre_etapes .gradient-border,
#step1 .gradient-border,
#step2a .gradient-border,
#step2b .gradient-border,
#step2c .gradient-border,
#step2d .gradient-border,
#step3 .gradient-border,
#step4 .gradient-border,
#step5a .gradient-border,
#step5b .gradient-border,
#preopen_recap_liste .gradient-border,
#need-help .gradient-border,
#final-message .gradient-border,
.get_more a .gradient-border{
  .gradient-border2();
}*/
.form-most-outer .gradient-border,
#suivre_etapes .gradient-border,
#preopen_recap_liste .gradient-border,
#need-help .gradient-border,
#final-message .gradient-border,
.get_more a .gradient-border {
  background: #868889;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: -moz-linear-gradient(top, #868889 0%, #ffffff 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #868889), color-stop(100%, #ffffff));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #868889 0%, #ffffff 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #868889 0%, #ffffff 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #868889 0%, #ffffff 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #868889 0%, #ffffff 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#868889', endColorstr='#ffffff', GradientType=0);
  /* IE6-8 */
}
.colorful-border {
  display: block;
  width: auto;
  height: 3px;
  background: #3da46b;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: -moz-linear-gradient(left, #3da46b 0%, #a09039 52%, #b76646 71%, #a82058 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #3da46b), color-stop(52%, #a09039), color-stop(71%, #b76646), color-stop(100%, #a82058));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, #3da46b 0%, #a09039 52%, #b76646 71%, #a82058 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, #3da46b 0%, #a09039 52%, #b76646 71%, #a82058 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #3da46b 0%, #a09039 52%, #b76646 71%, #a82058 100%);
  /* IE10+ */
  background: linear-gradient(to right, #3da46b 0%, #a09039 52%, #b76646 71%, #a82058 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3da46b', endColorstr='#a82058', GradientType=1);
  /* IE6-8 */
}
.inner {
  background: #ffffff;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 66%, #e5e5e5 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(66%, #ffffff), color-stop(100%, #e5e5e5));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 66%, #e5e5e5 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%, #ffffff 66%, #e5e5e5 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 66%, #e5e5e5 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 66%, #e5e5e5 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0);
  /* IE6-8 */
}
#step1 .btn_next_step .gradient-border,
#step2a .btn_next_step .gradient-border,
#step2b .btn_next_step .gradient-border,
#step3 .btn_next_step .gradient-border,
#step5a .btn_next_step .gradient-border,
#step5b .btn_next_step .gradient-border,
#step4 .btn_next_step .gradient-border {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#afb5bc+0,e5e5e5+77 */
  background: #afb5bc;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: -moz-linear-gradient(top, #afb5bc 0%, #e5e5e5 77%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #afb5bc), color-stop(77%, #e5e5e5));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #afb5bc 0%, #e5e5e5 77%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #afb5bc 0%, #e5e5e5 77%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #afb5bc 0%, #e5e5e5 77%);
  /* IE10+ */
  background: linear-gradient(to bottom, #afb5bc 0%, #e5e5e5 77%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#afb5bc', endColorstr='#e5e5e5', GradientType=0);
  /* IE6-8 */
}
.form-inline .form-control {
  vertical-align: top;
  font-size: 1.1em;
}
.btn_next_step {
  -webkit-box-shadow: 0px 5px 4px 0px #d6d6d6;
  -moz-box-shadow: 0px 5px 4px 0px #d6d6d6;
  box-shadow: 0px 5px 4px 0px #d6d6d6;
}
.btn-modif {
  background: #ffffff;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 44%, #e5e5e5 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(44%, #ffffff), color-stop(100%, #e5e5e5));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 44%, #e5e5e5 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%, #ffffff 44%, #e5e5e5 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 44%, #e5e5e5 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 44%, #e5e5e5 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0);
  /* IE6-8 */
}
.btn-modif a {
  color: #868889;
  font-weight: bold;
  font-size: 1em;
}
.btn-modif .gradient-border {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#afb5bc+0,e5e5e5+77 */
  background: #afb5bc;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: -moz-linear-gradient(top, #afb5bc 0%, #e5e5e5 77%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #afb5bc), color-stop(77%, #e5e5e5));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #afb5bc 0%, #e5e5e5 77%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #afb5bc 0%, #e5e5e5 77%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #afb5bc 0%, #e5e5e5 77%);
  /* IE10+ */
  background: linear-gradient(to bottom, #afb5bc 0%, #e5e5e5 77%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#afb5bc', endColorstr='#e5e5e5', GradientType=0);
  /* IE6-8 */
}
#validate_step6 {
  background: #ffffff;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 44%, #e5e5e5 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(44%, #ffffff), color-stop(100%, #e5e5e5));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 44%, #e5e5e5 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%, #ffffff 44%, #e5e5e5 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 44%, #e5e5e5 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 44%, #e5e5e5 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0);
  /* IE6-8 */
  width: 130px;
  margin: 0 auto;
}
#btn_print_list,
#need-help,
#final-message {
  background: #ffffff;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 44%, #e5e5e5 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(44%, #ffffff), color-stop(100%, #e5e5e5));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 44%, #e5e5e5 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%, #ffffff 44%, #e5e5e5 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 44%, #e5e5e5 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 44%, #e5e5e5 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0);
  /* IE6-8 */
}
.most-outer .red-gradient-border.right {
  right: 0;
}
.most-outer .red-gradient-border.left {
  left: -1px;
}
.tab-border {
  position: relative;
  width: 495px;
  margin: 0 auto 10px auto;
  border-top: 1px solid #c80f1e;
  z-index: 0;
}
.tab-border .red-gradient-border {
  z-index: 1;
}
.tab-border .red-gradient-border.right {
  right: 0;
}
#investissement thead th,
#grilleDeServices table th {
  background: #ffffff;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 44%, #e5e5e5 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(44%, #ffffff), color-stop(100%, #e5e5e5));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 44%, #e5e5e5 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%, #ffffff 44%, #e5e5e5 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 44%, #e5e5e5 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 44%, #e5e5e5 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0);
  /* IE6-8 */
}
#investissement tbody {
  background: #ffffff;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 66%, #e5e5e5 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(66%, #ffffff), color-stop(100%, #e5e5e5));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 66%, #e5e5e5 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%, #ffffff 66%, #e5e5e5 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 66%, #e5e5e5 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 66%, #e5e5e5 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0);
  /* IE6-8 */
}
#investissement thead tr th span {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcfcfc+0,afb5bc+100 */
  background: #fcfcfc;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: -moz-linear-gradient(top, #fcfcfc 0%, #afb5bc 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfcfc), color-stop(100%, #afb5bc));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fcfcfc 0%, #afb5bc 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fcfcfc 0%, #afb5bc 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fcfcfc 0%, #afb5bc 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #fcfcfc 0%, #afb5bc 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#afb5bc', GradientType=0);
  /* IE6-8 */
}
#grilleDeServices .tab-wrapper table {
  background: #ffffff;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 66%, #e5e5e5 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(66%, #ffffff), color-stop(100%, #e5e5e5));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 66%, #e5e5e5 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%, #ffffff 66%, #e5e5e5 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 66%, #e5e5e5 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 66%, #e5e5e5 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0);
  /* IE6-8 */
}
#grilleDeServices .tab-wrapper .gradient-border {
  background: #868889;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: -moz-linear-gradient(top, #868889 0%, #ffffff 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #868889), color-stop(100%, #ffffff));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #868889 0%, #ffffff 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #868889 0%, #ffffff 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #868889 0%, #ffffff 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #868889 0%, #ffffff 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#868889', endColorstr='#ffffff', GradientType=0);
  /* IE6-8 */
}
#three-frames .gradient-border {
  background: #09872a;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA5ODcyYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #09872a 0%, #ffffff 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #09872a), color-stop(100%, #ffffff));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #09872a 0%, #ffffff 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #09872a 0%, #ffffff 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #09872a 0%, #ffffff 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #09872a 0%, #ffffff 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#09872a', endColorstr='#ffffff', GradientType=0);
  /* IE6-8 */
}
#three-frames article {
  background: #ffffff;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 44%, #e5e5e5 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(44%, #ffffff), color-stop(100%, #e5e5e5));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 44%, #e5e5e5 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%, #ffffff 44%, #e5e5e5 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 44%, #e5e5e5 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 44%, #e5e5e5 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0);
  /* IE6-8 */
}
/*
-----------------------------------------------
	Tablette - Smartphone - Media queries
===============================================
*/
@media (min-width: 992px) and (max-width: 1199px) {
  #global.for-test {
    background-color: pink;
  }
  #offresDeCourtage #offre_main_nav li a {
    padding: 0.2em 1.5em 0.3em 1.6em;
  }
  #right-wrapper #application_mobile span {
    width: 36%;
  }
  #video-outer #show_hint {
    font-size: 0.9em;
  }
  #video-outer .responsive-video {
    padding-bottom: 74%;
  }
  /****** NOTRE OFFRE *******
	**************************/
  .notre-offre #frais_des_fonds_partenaires {
    width: 66%;
  }
  #selectionDecouverte .liens_espace_opcvm {
    margin-right: 16%;
  }
  #offres-ed .with-left-margin {
    margin-left: 2%;
  }
  /****** OUVERTURE - TRANSFERT *******
	************************************/
  #procedure li#most-left {
    padding: 5px 10px 4px 50px;
  }
  #formules_wrapper .les_formules {
    margin: 0 auto;
    float: none;
  }
  
  #offresDeCourtage #offresEb-topMainNav #offre_main_nav li a.one_line{
  	padding: 1em 1.5em;
  }
  
}
@media (min-width: 768px) and (max-width: 991px) {
  #global.for-test {
    background-color: #F5D0A9;
  }
  #offresDeCourtage #offre_main_nav li a {
    padding: 0.6em 0.7em 0.6em 0.8em;
    font-size: 0.9em;
  }
  #offresDeCourtage #offresEb-topMainNav #offre_main_nav li a.one_line{
  	padding: 1.3em 0.7em;
  }
  
  #les-formules li {
    margin-bottom: 15px;
  }
  #offresDeCourtage #les-formules {
    background-position: center 240px;
  }
  #offresDeCourtage #cadre_bleu {
    margin-left: 11%;
  }
  #offresDeCourtage #cadre_bordeau {
    margin-left: 11%;
  }
  #offresDeCourtage #cadre_vert {
    margin-left: 11%;
  }
  #offresDeCourtage #cadre_cyan {
    margin-left: 0;
  }
  #offresDeCourtage #cadre_gris {
    margin-left: 11%;
  }
  .left_wrapper {
    margin-bottom: 100px;
  }
  .left_wrapper .form-inner-wrapper {
    width: 55%;
    margin: 0 auto;
  }
  #left-wrapper {
    margin-bottom: 50px;
  }
  #contact-us #right-wrapper {
    padding-bottom: 50px;
    background-position: right 450px;
  }
  #offresDeCourtage #right-wrapper #application_mobile.outer {
    width: 68%;
  }
  #video-outer #show_hint {
    left: 33%;
  }
  #label_wrapper #label_iphone_ipad,
  #label_wrapper #logo_android {
    width: 47%;
  }
  .appli-mobile #video-outer {
    width: 63%;
  }
  /****** NOTRE OFFRE *******
	**************************/
  .notre-offre #frais_des_fonds_partenaires {
    width: 96%;
  }
  #selectionDecouverte .liens_espace_opcvm {
    margin-right: 16%;
  }
  #offres-ed article.wide-content {
    /*.make-sm-column(20);*/
    width: 102%;
    padding: 0;
  }
  /* Philosophie */
  #philosophie #clic {
    background-position: 64% 38%;
  }
  /****** OUVERTURE - TRANSFERT *******
	************************************/
  #procedure li#most-left {
    width: 100%;
    padding: 15px 10px 15px 50px;
  }
  #offresDeCourtage #suivre_etapes ul li {
    background-position: center bottom;
  }
  #procedure li#middle,
  #procedure li#right {
    width: 25%;
  }
  #procedure li#left {
    width: 30%;
  }
  #procedure li#most-right {
    width: 20%;
  }
  #formules_wrapper #decouverte,
  #formules_wrapper #expert {
    margin-left: 15%;
  }
  #step6 .chiffre_2 {
    padding: 12px 0px 5px 30px;
  }
  #preopen_form #step6 .inner > p {
    width: 100%;
  }
  #preopen_form #step6 .choice input[type="radio"] {
    top: 0;
  }
  #philosophie #three-frames article {
    height: auto;
  }
}
@media (max-width: 767px) {
  #global.for-test {
    background-color: #D0F5A9;
  }
  #offresDeCourtage #resources ul {
    margin-bottom: 15px;
  }
  #offresDeCourtage .navbar-toggle {
    margin: 0 0 0 15px;
  }
  #offresDeCourtage header h1 {
    margin-top: 10px;
  }
  #offre_main_nav li {
    width: 100%;
  }
  #offresEb-topMainNav #offre_main_nav li a {
    padding: 1em 1.5em;
  }
  #offresEb-topMainNav #offre_main_nav li a span {
    display: inline-block;
    margin-left: 3px;
  }
  #offresDeCourtage .navbar-default {
    background-color: transparent;
  }
  #offresDeCourtage #main-contents h2 {
    font-size: 1.5em;
    padding: 0 1em 1em 1em;
  }
  #offresDeCourtage #main-contents h2 {
    padding-left: 1em;
  }
  #les-formules li {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 15px;
  }
  #offresDeCourtage #resources {
    margin-left: 3%;
  }
  #offresDeCourtage #cadre_bleu,
  #offresDeCourtage #cadre_bordeau,
  #offresDeCourtage #cadre_vert,
  #offresDeCourtage #cadre_cyan,
  #offresDeCourtage #cadre_gris {
    margin: 0;
  }
  .left_wrapper {
    margin-bottom: 100px;
  }
  .left_wrapper .form-inner-wrapper {
    width: 70%;
    margin: 0 auto;
  }
  #left-wrapper .champs_requis {
    margin-left: auto;
  }
  #left-wrapper {
    margin-bottom: 50px;
  }
  #contact-us #right-wrapper {
    padding-bottom: 50px;
    background-position: right 450px;
  }
  #download_pdf img {
    max-width: 100%;
  }
  .appli-mobile #video-outer {
    width: 63%;
  }
  #video-outer #show_hint {
    left: 32%;
    font-size: 0.9em;
  }
  #right-wrapper #application_mobile span {
    width: 35%;
  }
  /********* ACCUEIL *********
	****************************/
  #offresDeCourtage #resources ul,
  #offresDeCourtage #resources #cadre_rouge {
    float: none;
    margin: 0 auto 15px auto;
  }
  /******* NOTRES OFFRE *******
	****************************/
  #folder_container a.on_status {
    display: inline-block;
    margin: 0 auto;
  }
  .notre-offre #frais_des_fonds_partenaires {
    width: 96%;
  }
  #selectionDecouverte .liens_espace_opcvm,
  #selectionDecouverte #OPCVM_droits_entrees {
    margin-right: 6%;
  }
  .notre-offre #folder_container a.off_status {
    margin-top: 0;
  }
  /* easyDécouverte */
  #f-ed #offres-ed article {
    width: 100%;
    float: none;
    position: relative;
  }
  #f-ed #offres-ed {
    width: 80%;
  }
  /****** OUVERTURE - TRANSFERT *******
	************************************/
  #offresDeCourtage #procedure #most-left {
    width: 100%;
  }
  #offresDeCourtage #suivre_etapes ul li {
    background-position: center bottom;
  }
  #top-header #procedure li#most-left {
    width: 100%;
    padding: 15px 10px 15px 50px;
  }
  #procedure li#middle,
  #procedure li#left,
  #procedure li#right,
  #procedure li#most-right {
    width: 100%;
    padding: 10px 10px 10px 40px;
  }
  #formules_wrapper .les_formules {
    margin: 0 auto;
    float: none;
  }
  #preopen_form .inner #apport label {
    display: inline-block;
    margin-bottom: 15px;
  }
  #preopen_amount {
    width: 60%;
    display: inline-block;
  }
  #preopen_form #step6 .choice input[type="radio"] {
    top: 0;
  }
  /******* GRILLE DE SERVICES ********
	************************************/
  #offresDeCourtage #grilleDeServices .tab-wrapper {
    width: 95%;
  }
}
@media only screen and (max-width: 480px) {
  #global.for-test {
    background-color: #BCA9F5;
  }
  /*#offresDeCourtage{
		#resources{
			ul{
				margin: 0 auto 15px auto;
			}
		}
	}*/
  #offresDeCourtage #main-contents h2 {
    font-size: 1.2em;
  }
  .left_wrapper {
    margin-bottom: 100px;
  }
  .left_wrapper .form-inner-wrapper {
    width: 100%;
    margin: 0 auto;
  }
  .left_wrapper .left-header-label {
    margin-left: -30px;
  }
  .left_wrapper #gender {
    width: 230px;
  }
  #offresDeCourtage .shadow-bg.outer {
    width: auto;
  }
  #offresDeCourtage .notre-offre header h1 {
    background-size: 95%;
    background-position: 0 0;
    padding-bottom: 0;
  }
  #right-wrapper .head-label {
    margin-left: -50px;
  }
  #left-wrapper {
    margin-bottom: 50px;
  }
  #left-wrapper #be-called .top label {
    text-align: left;
    width: 100%;
  }
  #left-wrapper #be-called .top input {
    width: 90%;
  }
  .hidden-smx {
    display: none;
  }
  #be-called .shown-smx {
    display: block !important;
    display: inline-block !important;
  }
  table#be-called .shown-smx {
    display: table;
  }
  tr#be-called .shown-smx {
    display: table-row !important;
  }
  th#be-called .shown-smx,
  td#be-called .shown-smx {
    display: table-cell !important;
  }
  #confirmed_email {
    margin-bottom: 5px;
  }
  #right-wrapper #application_mobile span {
    width: 40%;
    margin-top: 5px;
  }
  #right-wrapper #application_mobile .smart-phones {
    width: 50%;
  }
  #video-outer #show_hint {
    left: 22%;
  }
  .appli-mobile #video-outer {
    width: 93%;
  }
  .appli-mobile #video-outer .responsive-video {
    padding-bottom: 75%;
  }
  #be-called label {
    margin: 0;
  }
  #be-called #civility,
  #be-called #calling-date,
  #be-called #captcha-area label {
    text-align: left;
  }
  #be-called #civility {
    width: 80px;
  }
  #be-called #confirmed_email {
    top: 0;
  }
  #contact-us #be-called div {
    margin-bottom: 10px;
  }
  #iphone_ipad_container #flash-code {
    padding-left: 0;
  }
  #right-wrapper #label_wrapper > img {
    display: none;
  }
  #label_wrapper #label_iphone_ipad,
  #label_wrapper #logo_android {
    width: 50%;
  }
  /************ DOCUMENTS ************
	************************************/
  .sm-devices {
    /*width: 100%;*/
  }
  /* easyDécouverte */
  #f-ed #offres-ed article {
    width: 100%;
    float: none;
  }
  /* VOS BESOINS */
  #vos-besoins #left-contents {
    padding: 0 30px;
  }
  #vos-besoins #right-contents {
    margin-left: 0;
  }
  /****** NOTRE OFFRE ******/
  #offresDeCourtage #notre-offre header h1 {
    background: none;
    padding: 0;
  }
  #offresDeCourtage #notre-offre header h1 .for-smd {
    font-size: 1.5em;
    color: #E64510;
  }
  .for-smd {
    display: block;
  }
  #frais_des_fonds_partenaires #selectionDecouverte {
    text-align: center;
  }
  #frais_des_fonds_partenaires #selectionDecouverte div {
    width: 100%;
  }
  .notre-offre #frais_des_fonds_partenaires div span {
    float: none;
  }
  .notre-offre #type-de-comptes {
    width: 96%;
  }
  #preopen_form #step3 {
    width: 100%;
  }
  /******* GRILLE DE SERVICES ********
	************************************/
  #offresDeCourtage #grilleDeServices .tab-wrapper {
    width: 100%;
  }
  #offresDeCourtage #suivre_etapes ul li {
    background-position: center bottom;
  }
  #grilleDeServices .tab-wrapper .gradient-border {
    display: none;
  }
  main#grilleDeServices h1 {
    background-size: 70%;
  }
  #offresDeCourtage #remplir_formulaires .inner {
    padding-bottom: 50px;
  }
  /*********** PREOUVERTURE ***********
	************************************/
  #offresDeCourtage #suivre_etapes ul li {
    width: 100%;
  }
  #offresDeCourtage #suivre_etapes ul li div {
    width: 71%;
  }
  #preopen_form #preopen_identification_stock {
    margin-left: 10%;
    width: 80%;
  }
  #preopen_form #step1,
  #preopen_form #step2a,
  #preopen_form #step2b,
  #preopen_form #step2c,
  #preopen_form #step2d,
  #preopen_form #step3,
  #preopen_form #step4,
  #preopen_form #step5a,
  #preopen_form #step5b,
  #preopen_form #step5c,
  #preopen_form #step6 {
    width: 100%;
  }
  #offresDeCourtage #remplir_formulaires #step6 .inner {
    padding-bottom: 15px;
  }
  #preopen_form .inner #connaitre_easybourse select {
    width: 90%;
  }
  #suivre_etapes #need-help {
    width: 100%;
  }
  #suivre_etapes .main-label,
  #remplir_formulaires .main-label {
    background-size: 90%;
  }
  #remplir_formulaires #preopen_form .inner div .civility {
    width: 100%;
  }
  #preopen_form #step2b label,
  #preopen_form #step2b .form-control {
    display: inline-block;
    width: 100%;
  }
}
@media only screen and (max-width: 320px) {
  #global.for-test {
    background-color: #F2F5A9;
  }
  #offresDeCourtage .navbar-toggle {
    margin-top: 0;
  }
  #offresDeCourtage #les-formules {
    padding: 0 3em;
  }
  #offresDeCourtage #resources {
    margin: 0;
  }
  .left_wrapper .left-header-label {
    margin-left: -90px;
  }
  .right_wrapper .right-header-label {
    margin-left: -70px;
    width: 400px;
  }
  #espace-doc #demarche {
    background: 0;
    width: 95%;
  }
  #espace-doc #demarche p {
    margin: 0;
    padding: 0;
  }
  #espace-doc #demarche #reminder {
    font-size: 1.5em;
    font-weight: bold;
    display: block;
    margin: 10px 0;
  }
  #espace-doc #demarche #reminder span {
    font-size: 0.6em;
    font-weight: normal;
  }
  .left_wrapper .champs_requis {
    margin-left: -20px;
  }
  .left_wrapper .form-inner-wrapper button {
    right: -13px;
  }
  #download_pdf img {
    width: 100%;
  }
  #left-wrapper .head-label {
    margin-left: -55px;
  }
  #right-wrapper .head-label {
    margin-left: -110px;
  }
  #right-wrapper #application_mobile h3 {
    padding-left: 0;
  }
  #right-wrapper #application_mobile span {
    font-size: 0.8em;
    font-weight: normal;
    width: 39%;
    margin-top: 0;
  }
  #offresDeCourtage #right-wrapper #application_mobile.outer {
    padding-bottom: 5px;
    padding-right: 5px;
    padding-top: 10px;
  }
  header .shadowed-line {
    width: 100%;
  }
  #video-outer #show_hint {
    left: 20%;
    bottom: 20px;
    font-size: 0.6em;
  }
  .appli-mobile #video-outer .responsive-video {
    padding-bottom: 70%;
  }
  #remplir_formulaires {
    padding: 0;
  }
  main#grilleDeServices h1 {
    background-size: 90%;
  }
  /************ DOCUMENTS ************
	************************************/
  /*.sm-devices{
		width: 380px;
	}*/
  /*********** PREOUVERTURE ***********
	************************************/
  #offresDeCourtage #suivre_etapes ul li {
    width: 100%;
  }
  #offresDeCourtage #suivre_etapes ul li {
    background-position: 60% bottom;
  }
}