/* ==========================================================================
    Global Settings top10banques
========================================================================== */

/*
* Boxsizing set to border box http://css-tricks.com/box-sizing/
*/

*,
*:before,
*:after {
    -webkit-box-sizing : border-box;
       -moz-box-sizing : border-box;
            box-sizing : border-box;
}

/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection rule sets have to be separate.
* Customize the background color to match your design.
*/

::-moz-selection {
    background : #b3d4fc;
    text-shadow : none;
}
::selection {
    background : #b3d4fc;
    text-shadow : none;
}
*:focus {
    outline : none;
}
/*
* Body settings, change it as required
*/

body {
    font-family : "Montserrat", sans-serif;
    font-size : 1em;
    line-height : 1.4;
    min-width : 320px;
    background : #efefef;
}
/*
* Headings
*/

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight : bold;
    margin-top : 0px;

    text-rendering : optimizeLegibility;
}
/*
* Paragraphs
*/

p {
    font-size : 13px;
    font-weight : normal;
    line-height : 19px;
    margin-top : 0px;
    margin-bottom : 20px;
    color : #525252;
}
/*
* Links
*/

a {
    line-height : inherit;
    text-decoration : none;
    color : #197fae;
}
a:hover {
    text-decoration : underline;
}
a:focus {
    color : #197fae;
    outline : none;
}
p a,
p a:visited {
    line-height : inherit;
}
/*
* A better looking default horizontal rule
*/

hr {
    display : block;
    height : 1px;
    margin : 1em 0;
    padding : 0;
    border : 0;
    border-top : 1px solid #cccccc;
}
/*
* Remove the gap between images and the bottom of their containers: h5bp.com/i/440
*/
img {
    max-width : 100%;
    height : auto;
    vertical-align : middle;
    -ms-interpolation-mode : bicubic;
}
/*
* Remove default fieldset styles.
*/

fieldset {
    margin : 0;
    padding : 0;
    border : 0;
}
/*
* Allow only vertical resizing of textareas.
*/

textarea {
    resize : vertical;
}

label {
    font-weight : normal;
    margin : 0;
}
/* ==========================================================================
    Helper classes
========================================================================== */

/*
* Floats
*/

.left {
    float : left;
}
.right {
    float : right;
}
/*
* Text Alignment
*/

.text-left {
    text-align : left;
}
.text-right {
    text-align : right;
}
.text-center {
    text-align : center;
}
/*
* Image Alignment
*/

img.alignleft {
    display : inline;
    float : left;
    margin : 0 10px 10px 0;
}
img.alignright {
    display : inline;
    float : right;
    margin : 0 0px 10px 10px;
}
img.aligncenter {
    display : block;
    margin-right : auto;
    margin-bottom : 10px;
    margin-left : auto;
}
/*
* Image replacement
*/

.ir {
    overflow : hidden;
    border : 0;
    background-color : transparent;
    /* IE 6/7 fallback */

    *text-indent : -9999px;
}
.ir:before {
    display : block;
    width : 0;
    height : 150%;
    content : "";
}
/*
* Hide from both screenreaders and browsers: h5bp.com/u
*/

.hidden {
    display : none !important;
    visibility : hidden;
}
/*
* Hide only visually, but have it available for screenreaders: h5bp.com/v
*/

.visuallyhidden {
    position : absolute;
    overflow : hidden;
    clip : rect(0 0 0 0);
    width : 1px;
    height : 1px;
    margin : -1px;
    padding : 0;
    border : 0;
}
/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    position : static;
    overflow : visible;
    clip : auto;
    width : auto;
    height : auto;
    margin : 0;
}
/*
* Hide visually and from screenreaders, but maintain layout
*/

.invisible {
    visibility : hidden;
}
/*
* Clearfix: contain floats
*/

/*
* More semantic version as described in http://css-tricks.com/snippets/css/clear-fix/
*/
.group:after {
    display : table;
    clear : both;
    content : "";
}
/*
* overflow method for clearing floats
*/
.floatbox {
    overflow : hidden;
}
/*
* older method of adding empty tags for clearing
*/
.clear {
    line-height : 1px;
    clear : both;
    height : 1px;
}
/*
* Chromeframe
*/
.chromeframe {
    margin : 0.2em 0;
    padding : 0.2em 0;
    color : #000000;
    background : #cccccc;
}
/*
* Other
*/


/* ==========================================================================
    Layout
========================================================================== */


/* Container ---------------------- */
#container {
    overflow-x : hidden;
    min-width : 320px;
}

@media (min-width:1200px) {
    .container {
        width : 100%;
        max-width : 1200px;
    }
}
/* Header ---------------------- */
#header {
    padding : 8px 0px 5px;
    background : #ffffff;
}
/* Main Navigation ---------------------- */
#main-navigation {
    height : 53px;
    padding : 6px 0px;
    background : url(../images/nav-bg.jpg);
}
/* Content ---------------------- */
#content {
    padding : 20px 0px 50px 0px;
}

@media (max-width:992px) {
    #content {
        padding : 15px 0px 50px 0px;
    }
}
/* Sidebar ---------------------- */

/* Footer ---------------------- */
#footer {
    padding : 45px 0px 35px;
    background : #585e61;
}

@media (max-width:767px) {
    #footer {
        padding : 20px 0px 15px;
    }
}
/* ==========================================================================
    Common Functionalities & UI Elements
========================================================================== */

/*
* Post
*/
.post dl,
.post dt,
.post dd,
.post ul,
.post ol,
.post li,
.post h1,
.post h2,
.post h3,
.post h4,
.post h5,
.post h6,
.post pre,
.post p,
.post blockquote,
.post th,
.post td {
    font-size : 13px;
    line-height : 1.2;
    margin : 0;
    padding : 0;

    direction : ltr;
}
.post ul {
    margin-bottom : 20px;
}
.post ul.border {
    min-height : inherit;
    min-height : 160px;
    border-bottom : 1px solid #d9d9d9;
}
.post li {
    margin-bottom : 10px;
    padding-left : 20px;
    color : #525252;
    background-image : url(../images/bullet2.png);
    background-repeat : no-repeat;
    background-position : left 5px;
}
.post li:hover,
.post li.active {
    background-image : url(../images/bullet3.png);
    background-position : left 3px;
}
.post li:hover a,
.post li.active a {
    text-decoration : none;
    color : #333333;
}
.post p {
    font-size : 13px;
    font-weight : normal;
    line-height : 19px;
    margin-bottom : 20px;
    color : #525252;
}
.post p.lead {
    font-size : 17.5px;
    line-height : 1.6;
    margin-bottom : 17px;
}

@media (max-width:767px) {
    .post p {
        margin-bottom : 12px;
    }
}
.post h1,
.post h2,
.post h3,
.post h4,
.post h5,
.post h6 {
    font-weight : bold;
    font-style : normal;
    line-height : 1.1;
    margin-bottom : 10px;
    color : #43484a;

    text-rendering : optimizeLegibility;
}
.post h1 small,
.post h2 small,
.post h3 small,
.post h4 small,
.post h5 small,
.post h6 small {
    font-size : 60%;
    line-height : 0;
    color : #6f6f6f;
}
.post h1 {
    font-size : 44px;
}
.post h2 {
    font-size : 37px;
}
.post h3 {
    font-size : 22px;
}
.post h4 {
    font-size : 18px;
}
.post h5 {
    font-size : 16px;
}
.post h6 {
    font-size : 14px;
}
.post code {
    font-weight : bold;
    background : #ffff99;
}
/* Post - Lists ---------------------- */
.post ul,
.post ol,
.post dl {
    font-size : 13px;
    line-height : 1.6;
    list-style-position : inside;
    list-style-type : none;
}
.post ul li ul,
.post ul li ol {
    margin-bottom : 0;
    margin-left : 20px;
}
.post ol {
    margin-left : 20px;
}
.post ol li ul,
.post ol li ol {
    margin-bottom : 0;
    margin-left : 20px;
}
/* Post - Blockquotes ---------------------- */
.post blockquote,
.post blockquote p {
    line-height : 1.5;
    color : #6f6f6f;
}
.post blockquote {
    margin : 0 0 17px;
    padding : 9px 20px 0 19px;
    border-left : 1px solid #dddddd;
}
.post blockquote cite {
    font-size : 13px;
    display : block;
    color : #555555;
}
.post blockquote cite:before {
    content : "\2014 \0020";
}
.post blockquote cite a,
.post blockquote cite a:visited {
    color : #555555;
}

@media (max-width:992px) {
    .post h1 {
        font-size : 35px;
    }
    .post h2 {
        font-size : 30px;
    }
    .post h3 {
        font-size : 17px;
    }
    .post h4 {
        font-size : 14px;
        font-style : normal;
    }
    .post h5 {
        font-size : 13px;
    }
    .post h6 {
        font-size : 12px;
    }
}
/* Logo ---------------------- */
.logo h1 {
    margin : 0px;
}
/* Sociable Area ---------------------- */
.sociable-area {
    float : right;
    padding-top : 25px;
}

@media (max-width:767px) {
    .sociable-area {
        float : left;
        padding-top : 15px;
    }
}

/* NAVBAR */
    .main-menu {
        background: transparent url(https://www.top10banques.com/assets/images/nav-bg.jpg) repeat-x scroll 0 0;
        padding: 6px 0;
        margin-bottom: 0;
        min-height: 53px;
    }
    
    .main-menu ul.nav li a {
        font-size: 13px;
        font-family: "Montserrat", sans-serif;
        font-weight: bold;
        line-height: 24px;
        display: block;
        padding: 7px 10px;
        text-transform: uppercase;
        color: #ffffff;
        text-shadow: 0px 3px 1px rgba(0, 0, 0, 0.3);
        -webkit-text-shadow: 0px 3px 1px rgba(0, 0, 0, 0.3);
        -moz-text-shadow: 0px 3px 1px rgba(0, 0, 0, 0.3);
        transition: all 0.3s ease 0s;
        margin-right: 5px;
    }
    
    .main-menu ul.nav li.dropdown > a > span {
        margin-left: 5px;
    }
    
    .main-menu ul.nav li.active a,
    .main-menu ul.nav li.active a:hover,
    .main-menu ul.nav li:hover a {
        background-color: #2C2F30;
        color: #ffffff;
        border-radius: 5px;
    }
    
    .main-menu .nav li .dropdown-menu {
        background-color: #2C2F30;
        border-radius: 5px;
    }
    
    .main-menu ul.nav li a:focus {
        background: #2C2F30;
        border-radius: 5px;
        background-color: #2C2F30;
    }
    
    .navbar-nav > li > .dropdown-menu:focus {
        background-color: #2C2F30;
    }
    
    .main-menu ul.nav li .dropdown-menu li a {
        font-weight: 400;
        text-transform: capitalize;
        line-height: 7px;
        padding: 15px 10px;
        margin-right: 0;
    }
    
    .main-menu ul.nav li .dropdown-menu li a > span {
        font-size: 10px;
        margin-right: 10px;
    }
    
    .main-menu ul.nav li .dropdown-menu li a:hover {
        color: #FF7E00;
    }
    
    .main-menu #navbar-collapse-x {
        padding: 0;
    }
    /*.test > ul {
        display: block !important;
    }*/
    
    #main-navigation .menu-btn:hover {
        background-color: #999999;
    }
	.navbar-nav {
		    padding: 0px;
	}
    
    .main-menu .search-box.group.navbar-brand {
        height: auto;
        padding: 0;
        display: none;
    }
    
    .main-menu .navbar-toggle {
        background: #999999;
        margin: auto 15px;
        width: 44px;
        height: 40px;
    }
    
    .main-menu ul.nav li a > img {
        margin-right: 5px;
    }
    
    .main-menu .navbar-toggle .icon-bar {
        background: #222222;
    }
    
    .main-menu .navbar-toggle.collapsed {
        background-color: #ffffff;
    }
    
    .main-menu .navbar-collapse.collapse.in {
        background-color: #43484A;
    }
    
    .main-menu .navbar-collapse.collapse.in > ul.nav.navbar-nav {
        padding: 0 15px !important;
    }
    
    .main-menu .navbar-collapse.collapse.in > ul.nav.navbar-nav > li.dropdown > ul.dropdown-menu {
        border-radius: 0 0 5px 5px;
    }
    
    .main-menu .navbar-collapse.collapse.in > ul.nav.navbar-nav > li.dropdown.open > a {
        border-radius: 5px 5px 0 0;
    }
    
    .main-menu .navbar-collapse.collapse.in > ul.nav.navbar-nav > li a {
        margin-right: 0;
    }
    
    .main-menu .navbar-collapse.collapse.in > ul.nav.navbar-nav > li.dropdown > ul.dropdown-menu a {
        padding-left: 30px;
    }
    
    .main-menu .navbar-collapse.collapse.in > ul.nav.navbar-nav > li {
        margin-bottom: 5px;
    }
    
    @media only screen and (max-width: 767px) {
        .search-box.visible-xs {
            margin: 0 0 0 0;
        }
        #main-navigation {
            position: relative;
        }
        #main-navigation .menu-btn {
            top: 0;
            background-color: #ffffff;
            border-radius: 5px;
            bottom: 0;
            margin: auto 10px auto 0;
            width: 48px;
            height: 37px;
            border: 1px solid #000;
        }
        #main-navigation ul {
            top: 100%;
        }
        .main-menu #navbar-collapse-x {
            padding: 0 15px;
        }
        .main-menu .search-box.group.navbar-brand {
            display: block;
            padding-left: 15px;
        }
        .main-menu ul.nav.navbar-nav + .search-box.group.navbar-right {
            display: none;
        }
        .main-menu #navbar-collapse-x {
            background: #43484A;
            padding: 0 15px;
        }
        .main-menu #navbar-collapse-x > ul.nav.navbar-nav {
            padding: 0 15px;
        }
    }
    /*animated cross*/
    
    .main-menu .navbar-toggle.collapsed .icon-bar {
        margin-left: 0;
    }
    
    .main-menu .navbar-toggle .icon-bar {
        margin-left: 4px;
    }
    
    .navbar-toggle .icon-bar {
        -webkit-transition: all 0.2s;
        transition: all 0.2s;
    }
    /* ANIMATED X */
    
    .navbar-toggle.x .icon-bar:nth-of-type(1) {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transform-origin: 10% 10%;
        -ms-transform-origin: 10% 10%;
        transform-origin: 10% 10%;
    }
    
    .navbar-toggle.x .icon-bar:nth-of-type(2) {
        opacity: 0;
        filter: alpha(opacity=0);
    }
    
    .navbar-toggle.x .icon-bar:nth-of-type(3) {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: 10% 90%;
        -ms-transform-origin: 10% 90%;
        transform-origin: 10% 90%;
    }
    /* ANIMATED X COLLAPSED */
    
    .navbar-toggle.x.collapsed .icon-bar:nth-of-type(1) {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
    }
    
    .navbar-toggle.x.collapsed .icon-bar:nth-of-type(2) {
        opacity: 1;
        filter: alpha(opacity=100);
    }
    
    .navbar-toggle.x.collapsed .icon-bar:nth-of-type(3) {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
    }
    /* END ANIMATED X */
    /* NAVBAR */

/* Main Navigation ---------------------- 
#main-navigation ul {
    margin : 0px;
    padding : 0px;
    list-style-type : none;
}
#main-navigation ul li {
    position : relative;
    display : inline-block;
    margin-right : 5px;
}
#main-navigation ul li:last-child {
    line-height : 0px;
    float : right;
    margin : 0px;
}
#main-navigation ul li a {
    font-size : 14px;
    font-weight : bold;
    line-height : 41px;
    display : block;
    padding : 0px 10px;
    text-transform : uppercase;
    color : #ffffff;
            text-shadow : 0px 3px 1px rgba(0,0,0,0.3);

    -webkit-text-shadow : 0px 3px 1px rgba(0,0,0,0.3);
       -moz-text-shadow : 0px 3px 1px rgba(0,0,0,0.3);
}
#main-navigation ul li a img {
    margin-left : 10px;
}
#main-navigation ul li a i {
    margin-right : 5px;
}
#main-navigation ul li a i img {
    margin-left : 0px;
}
#main-navigation ul li a:hover,
#main-navigation ul li.active {
    text-decoration : none;
    -webkit-border-radius : 5px;
       -moz-border-radius : 5px;
            border-radius : 5px;
    background : #2c2f30;
}
#main-navigation .menu-btn {
    position : absolute;
    z-index : 1000;
    top : 88px;
    right : 3px;
    display : none;
    float : right;
    width : 50px;
    height : 40px;
    border : 0px;
    background : url(../images/menu-btn-bg.png) center center no-repeat;
}
#main-navigation .menu-btn.active {
    background-color : #6f737e;
}
#main-navigation ul ul {
    position : absolute;
    z-index : 100;
    top : 37px;
    display : none;
    width : 213px;
    padding-bottom : 10px;
    text-align : left;
    -webkit-border-radius : 0px 5px 5px 5px;
       -moz-border-radius : 0px 5px 5px 5px;
            border-radius : 0px 5px 5px 5px;
    background : #2c2f30;
}
#main-navigation ul ul li {
    margin : 0px;
}
#main-navigation ul ul li:last-child {
    line-height : inherit;
    float : none;
}
#main-navigation ul ul li a {
    font-size : 13px;
    font-weight : normal;
    line-height : 13px;
    padding : 10px 10px;
    text-transform : none;
}
#main-navigation ul ul li a:hover,
#main-navigation ul ul li.active a {
    text-decoration : none;
    color : #ff7e00;
}
#main-navigation ul ul li a img {
    margin : 0px 10px 0px 0px;
}
#main-navigation ul li:hover ul {
    display : block;
    padding-top : 10px;
}

@media (max-width:1200px) {
    #main-navigation ul li a img {
        margin-left : 5px;
    }
    #main-navigation ul li a {
        font-size : 12px;
    }
}

@media (max-width:992px) {
    #main-navigation ul li {
        margin : 0px;
    }
    #main-navigation ul li a {
        font-size : 10px;
        padding : 0px 7px;
    }
    #main-navigation ul ul {
        width : 180px;
    }
}

@media (min-width:768px) {
    #main-navigation > ul {
        display : block !important;
    }
}

@media (max-width:767px) {
    #main-navigation .menu-btn {
        display : block;
    }
    #main-navigation ul {
        position : absolute;
        z-index : 10;
        top : 125px;
        left : 0;
        display : none;
        width : 100%;
        padding : 10px;
        background : #43484a;
    }
    #main-navigation ul li {
        display : block;
        margin : 0px 0px 7px 0px;
    }
    #main-navigation ul li a {
        font-size : 13px;
        line-height : 25px;
        text-align : center;
    }
    #main-navigation ul li:last-child {
        display : none;
    }
    #main-navigation ul ul {
        position : relative;
        top : 0px;
        left : 0;
        display : none;
        width : 100%;
    }
    #main-navigation ul li:hover ul {
        display : block;
    }
}
*/
/* Search Box ---------------------- */
.search-box form,
.search-box i.search {
    float : left !important;
}
.search-box form input[type="text"] {
    font-size : 11px;
    font-weight : normal;
    line-height : 41px;
    position : relative;
    top : 0px;
    height : 41px;
    padding : 0px 5px;
    color : #ffffff;
    border : none;
    -webkit-border-radius : 0px 5px 5px 0px;
       -moz-border-radius : 0px 5px 5px 0px;
            border-radius : 0px 5px 5px 0px;
    background : #2c2f30;
	width: 90px;
}
.search-box2 {
    margin-bottom : 20px;
}
.search-box2 form input[type="text"] {
    font-size : 15px;
    font-weight : normal;
    line-height : 40px;
    width : 100%;
    height : 40px;
    padding : 0px 15px 0px 55px;
    color : #525252;
    border : none;
    -webkit-border-radius : 0px 5px 5px 0px;
       -moz-border-radius : 0px 5px 5px 0px;
            border-radius : 0px 5px 5px 0px;
    background : #ffffff url(../images/icon20.png) left center no-repeat;
}

@media (max-width:1200px) {
    .search-box form input[type="text"] {
        padding : 0px 10px;
    }
    .search-box2 form input[type="text"] {
        font-size : 12px;
        padding : 0px 10px 0px 50px;
    }
}

@media (max-width:992px) {
    .search-box form input[type="text"] {
        font-size : 10px;
        top : 0px;
        padding : 0px 5px;
    }
    .search-box2 form input[type="text"] {
        font-size : 9px;
        padding : 0px 5px 0px 45px;
    }
}

@media (max-width:767px) {
    .search-box form input[type="text"] {
        padding : 0px 8px;
    }
    .search-box2 form input[type="text"] {
        font-size : inherit;
        padding : 0px 15px 0px 55px;
    }
    .search-box.visible-xs {
        width : 220px;
        margin : 0px auto;
    }
}
/* Select Box ---------------------- */
.select-box p {
    position : relative;
    margin : 0px;
}
.select-box p:after {
    position : absolute;
    top : 0px;
    right : 0px;
    width : 40px;
    height : 40px;
    content : "";
        pointer-events : none;
    background : url(../images/icon21.png) no-repeat;

    -ms-pointer-events : none;
}
.select-box select {
    font-size : 15px;
    font-weight : normal;
    line-height : 38px;
    width : 100%;
    height : 38px;
    padding : 0px 15px;
    color : #525252;
    border : none;
    -webkit-border-radius : 5px 0px 0px 5px;
       -moz-border-radius : 5px 0px 0px 5px;
            border-radius : 5px 0px 0px 5px;
    background : #ffffff;
}
.select-box select option {
    width : 100%;
}

@media (max-width:1200px) {
    .select-box select {
        font-size : 12px;
        padding : 0px 10px;
    }
}

@media (max-width:992px) {
    .select-box select {
        font-size : 9px;
        padding : 0px 5px;
    }
}

@media (max-width:767px) {
    .select-box select {
        font-size : 15px;
        padding : 0px 10px;
    }
}
/* Widget ---------------------- */
.widget {
    margin-bottom : 25px;
}
.widget .header {
    padding : 10px 8px 6px 8px;
    border-bottom : 3px solid #e56400;
    background : #ff7e00;
}
.sidebar2 .widget.secondary-header .header,
.sidebar .widget.secondary-header .header {
    border-bottom : 3px solid #006595;
    background : #197faf;
}
.widget.tables .header {
    border-bottom : 3px solid #006595;
    background : #197faf;
}
.widget.tables .header h3 i {
    display : inline-block;
    float : left;
    min-height : 30px;
}
.widget .header h3 {
    font-size : 14px;
    line-height : 19px;
    margin : 0px;
    text-transform : uppercase;
    color : #ffffff;
            text-shadow : 0px 3px 1px rgba(0,0,0,0.2);

    -webkit-text-shadow : 0px 3px 1px rgba(0,0,0,0.2);
       -moz-text-shadow : 0px 3px 1px rgba(0,0,0,0.2);
}
.widget h4 {
    font-size : 13px;
    font-weight : bold;
    line-height : 19px;
    margin-bottom : 0px;
    padding : 10px 15px;
    text-transform : uppercase;
    background : #dff1ff;
}
.widget .header h3 i {
    margin-right : 10px;
}
.widget ul {
    margin : 0px;
    padding : 0px;
    list-style-type : none;
}
.widget ul li {
    padding : 10px 15px 10px 35px;
    background : url(../images/bullet.png) #f7f7f7 no-repeat 15px 20px;
}
.widget ul li:nth-child(2n+1) {
    background : url(../images/bullet.png) #ffffff no-repeat 15px 20px;
}
.widget ul.list2 li:nth-child(2n+1) {
    padding : 10px 15px 10px 35px;
    background : url(../images/bullet4.png) #f7f7f7 no-repeat 15px 20px;
}
.widget ul.list2 li {
    background : url(../images/bullet4.png) #ffffff no-repeat 15px 20px;
}
.widget ul li a {
    font-size : 13px;
    line-height : 16px;
    color : #525252;
}
.widget ul li a:hover {
    text-decoration : none;
    color : #ff7e00;
}
.widget ul li.active a {
    color : #ff7e00;
}
.widget.add {
    margin : 0px 10px;
    margin-bottom : 25px;
}
.widget.add img {
    width : 100%;
    border : 1px solid #000000;
}
.widget.tables table {
    width : 100%;
    text-align : left;
}
.widget.tables table th,
.widget.tables table td {
    font-size : 13px;
    padding : 15px 0px;
}
.widget.tables table th:first-child,
.widget.tables table td:first-child {
    padding-left : 15px;
}
.widget.tables table th {
    background : #dff1ff;
}
.widget.tables table tr {
    background : #f7f7f7;
}
.widget.tables table tr:nth-child(2n+1) {
    background : #ffffff;
}
.widget.tables table td:nth-child(2) {
    font-weight : bold;
    color : #ff7e00;
}
.widget.tables table td:nth-child(3) {
    font-weight : bold;
    color : #00ad6c;
}
.widget.tables table tr.last {
    border-bottom : 2px solid #d7d7d7;
    border-radius : 5px;
}
.sidebar2 .widget .header {
    border-bottom : 3px solid #2c2f30;
    background : #43484a;
}
.widget ul.record li {
    padding : 10px 15px 10px 10px;
    background-image : none;
}
.widget ul.record li i {
    margin-right : 10px;
}

@media (max-width:1200px) {
    .widget .header h3 {
        font-size : 14px;
    }
    .widget .header h3 i {
        float : left;
        min-height : 30px;
        margin-right : 5px;
    }
}

@media (max-width:992px) {
    .sidebar {
        display : none;
    }
    body.home .sidebar {
        display : block;
    }
    .widget .header h3 {
        font-size : 12px;
        line-height : 14px;
    }
    .widget .header {
        padding : 10px 5px 6px 5px;
    }
    .widget ul li {
        padding : 10px 10px 10px 30px;
    }
    .widget ul li a {
        font-size : 12px;
    }
    .widget.tables table th,
    .widget.tables table td {
        font-size : 12px;
        padding : 15px 0px;
    }
}
/* Newsletter ---------------------- */
.newsletter {
    padding : 15px 15px 20px 20px;
    border-bottom : 2px solid #d7d7d7;
    border-radius : 0px 0px 0px 5px;
    background : #ffffff;
}
.newsletter p {
    font-size : 11px;
    font-style : italic;
    line-height : 15px;
    margin-bottom : 15px;
}
.newsletter input[type="text"] {
    font-size : 13px;
    line-height : 38px;
    display : block;
    width : 100%;
    height : 38px;
    margin-bottom : 10px;
    padding : 0px 10px;
    color : #525252;
    border : 1px solid #d2d2d2;
}
.newsletter .button {
    font-size : 14px;
    margin-top : 5px;
    margin-left : 25px;
}
/* Rating Table ---------------------- */
.rating-table table {
    width : 100%;
    padding : 0px 10px 10px 10px;
    background : #ffffff;
}
.rating-table table tr:hover {
    background : #f7f7f7;
}
.rating-table table tr td:nth-child(2) .rating {
    display : none;
    margin-right : auto;
    margin-left : auto;
}
.rating-table table tr th {
    font-size : 1.2em;
    padding : 5px 0px;
    text-transform : uppercase;
    color : #ffffff;
    border-bottom : 3px solid #006595;
    background : #197faf url(../images/table-bg.jpg) repeat-x;
}
.rating-table table tr th:first-child {
    border-radius : 0px 0px 0px 0px;
}
.rating-table table tr th:last-child {
    border-radius : 0px 0px 0px 0px;
}
.rating-table table tr td {
    font-size : 13px;
    margin-bottom : 5px;
    padding : 10px 0px;
    text-align : center;
    color : #535353;
    border-bottom : 2px solid #e5e5e5;
}
.rating-table table tr td .button {
    display : block;
    text-align : center;
}
.rating-table table tr td:first-child {
    font-size : 21px;
    font-weight : 200;
    width : 52px;
    text-align : center;
    color : #ff7e00;
            text-shadow : 0px 1px 1px rgba(0,0,0,0.2);

    -webkit-text-shadow : 0px 3px 1px rgba(0,0,0,0.2);
       -moz-text-shadow : 0px 3px 1px rgba(0,0,0,0.2);
}

.rating-table table tr td:nth-child(7) {
    font-size : 12px;
    font-weight : bold;
    padding-left : 10px;
    text-align : center;
    color : #197faf;
}
.rating-table table tr td:nth-child(3) {
    color : #ff7e00;
}
.rating-table table tr td:last-child {
    width : 28px;
    height : 22px;
    background : url(../images/table-arrow2.png) no-repeat center right;
}
.rating-table table tr:hover td:last-child {
    background : url(../images/table-arrow.png) no-repeat center right;
}
.rating-table table tr:hover {
    background : #dff1ff;
}
.rating-table table td a:hover {
    text-decoration : none;
    color : #197fae;
}
.rating-table .button {
            text-shadow : 0px 2px 1px rgba(0,0,0,0.3);

    -webkit-text-shadow : 0px 2px 1px rgba(0,0,0,0.3);
       -moz-text-shadow : 0px 2px 1px rgba(0,0,0,0.3);
}
.rating-table .button:hover,
.rating-table li:hover .button {
    color : #ffffff;
}
/*.rating-table .number {
    font-size : 18px;
    font-weight : bold;
    line-height : 39px;
    display : inline-block;
    width : 41px;
    height : 39px;
    margin-bottom : 14px;
    text-align : center;
    vertical-align : middle;
    color : #ffffff;
    background : url(../images/star.png) no-repeat;
    background-size : contain;
            text-shadow : 0px 3px 1px rgba(0,0,0,0.2);

    -webkit-text-shadow : 0px 3px 1px rgba(0,0,0,0.2);
       -moz-text-shadow : 0px 3px 1px rgba(0,0,0,0.2);
}*/
.rating-table .logo {
    max-width : 120px;
}
.box6 {
    background : #ffffff;
}
.box6 header {
    position : relative;
    padding : 22px 15px 15px;
    border-bottom : 3px solid #006595;
    -webkit-border-radius : 5px 5px 0px 0px;
       -moz-border-radius : 5px 5px 0px 0px;
            border-radius : 5px 5px 0px 0px;
    background : #197faf url(../images/table-bg.jpg) repeat-x;
}
.box6 header h4 {
    font-size : 16px;
    line-height : 18px;
    margin-bottom : 0px;
    text-transform : uppercase;
    color : #ffffff;
            text-shadow : 0px 3px 1px rgba(0,0,0,0.3);

    -webkit-text-shadow : 0px 3px 1px rgba(0,0,0,0.3);
       -moz-text-shadow : 0px 3px 1px rgba(0,0,0,0.3);
}
.box6 .content {
    padding : 10px 8px 1px;
}
.list3,
.post .list3 {
    margin : 0px;
    padding : 0px;
    list-style : none;
}
.list3 li,
.list3 li:hover,
.list3 li.active {
    background : #f7f7f7;
}
.list3 li {
    position : relative;
    margin-bottom : 10px;
    padding : 12px 5px;
    border-bottom : 2px solid #e5e5e5;
    -webkit-border-radius : 5px;
       -moz-border-radius : 5px;
            border-radius : 5px;
}

@media (max-width:1200px) {
    .rating-table table tr th {
        font-size : 11px;
    }
    .rating-table table tr td,
    .rating-table table tr td:last-child {
        font-size : 10PX;
    }
    .rating-table table tr td:first-child {
        font-size : 16PX;
    }
    .rating-table table tr td .button {
        font-size : 12px;
        line-height : 1.2;
        height : inherit;
        padding : 10px 5px;
        text-align : center;
    }
}

@media (max-width:992px) {
    .rating-table table .formule,
    .rating-table table .annual-cost,
    .rating-table table .offre-livret,
    .rating-table table .withdrawal,
    /*,
    .rating-table table .nom-livret */
    .comparatifs .rating-table table .contrat,
    .comparatifs .rating-table table .depot,
    .meilleure-assurance-vie .rating-table table .contrat,
    .meilleure-assurance-vie .rating-table table .depot {
        display : none;
    }
    .rating-table table tr td:nth-child(2) .rating {
        display : block;
    }
}

@media (max-width:767px) {
    .rating-table .button {
        font-size : 12px;
        line-height : 28px;
        min-width : 93px;
        height : 28px;
        margin : 2px 0px 0px 0px;
        padding : 0px 10px;
        text-align : center;
    }
    .rating-table .rating {
        margin : 3px auto 0;
    }
    .rating-table .list3 p {
        margin : 0px;
        color : #197fae;
    }
    .rating-table .list3 p a,
    .rating-table .list3 p a:hover {
        float : right;
        margin : -20px 20px 0 0px;
        text-decoration : none;
        color : #197fae;
    }
    .rating-table .buttons {
        text-align : center;
    }
    .buttons.active .less-view,
    .buttons.active .more-view,
    .more-view,
    .less-view {
        min-width : 258px;
        text-align : left;
    }
}
/* documentation table ---------------------- */
.documentation-table {
    width : 100%;
    margin-bottom : 30px;
}
.documentation-table tr td {
    font-size : 12px;
    font-weight : normal;
    padding : 5px 0px 2px 10px;
    color : #525252;
}
.documentation-table tr.total td,
.documentation-table tr:last-child td {
    font-weight : bold;
    background : #dff1ff;
}
.documentation-table tr.total td {
    padding : 10px 0px 5px 10px;
}
.documentation-table tr.total td:first-child {
    border-radius : 5px 0px 0px 0px;
}
.documentation-table tr.total td:last-child {
    border-radius : 0px 5px 0px 0px;
}
.documentation-table tr:last-child td:first-child {
    border-radius : 0px 0px 0px 5px;
}
.documentation-table tr:last-child td:last-child {
    padding-right : 10px;
    border-radius : 0px 0px 5px 0px;
}
.documentation-table tr:last-child td {
    padding : 5px 0px 10px 10px;
}

@media (max-width:992px) {
    .documentation-table tr td {
        font-size : 11px;
    }
}
/* All Buttons ---------------------- */
.button {
    font-size : 13px;
    font-weight : bold;
    line-height : 38px;
    position : relative;
    display : inline-block;
    height : 38px;
    padding : 0px 8px;
    color : #ffffff;
    border-bottom : 2px solid #1b7e45;
    -webkit-border-radius : 5px;
       -moz-border-radius : 5px;
            border-radius : 5px;
    background : #00af6c;
}
.button:focus {
    color : #ffffff;
}
.button:hover {
    text-decoration : none;
    color : #ffffff;
}
.more-view {
    font-size : 14px;
    font-weight : bold;
    line-height : 40px;
    display : inline-block;
    height : 40px;
    padding : 0px 15px;
    cursor : pointer;
    cursor : pointer;
    color : #ffffff;
    border-top : 2px solid #005b86;
    -webkit-border-radius : 0px 0px 5px 5px;
       -moz-border-radius : 0px 0px 5px 5px;
            border-radius : 0px 0px 5px 5px;
    background : #197faf;
            text-shadow : 0px 3px 1px rgba(0,0,0,0.3);

    -webkit-text-shadow : 0px 3px 1px rgba(0,0,0,0.3);
       -moz-text-shadow : 0px 3px 1px rgba(0,0,0,0.3);
}
.more-view:focus {
    color : #ffffff;
}
.more-view i,
.less-view i {
    margin-left : 30px;
}
.more-view:hover {
    text-decoration : none;
}
.button2 {
    font-size : 13px;
    font-weight : bold;
    line-height : 38px;
    display : inline-block;
    float : right;
    height : 38px;
    margin-bottom : 20px;
    padding : 0px 15px;
    text-align : left;
    color : #ffffff;
    border-bottom : 2px solid #1b7e45;
    -webkit-border-radius : 5px;
       -moz-border-radius : 5px;
            border-radius : 5px;
    background : #00af6c;
}
.button2:focus {
    color : #ffffff;
}
.button2:hover {
    text-decoration : none;
}
.free-doc-btn {
    font-size : 17px;
    font-weight : bold;
    line-height : 19px;
    position : relative;
    display : block;
    margin-bottom : 15px;
    padding : 10px 15px;
    color : #ffffff;
    -webkit-border-radius : 5px;
       -moz-border-radius : 5px;
            border-radius : 5px;
    background : #00af6c;

}
.free-doc-btn:hover {
    text-decoration : none;
    background : #009c60;
    color : #fff;
}
.free-doc-btn:after {
    position : absolute;
    top : 50%;
    right : 15px;
    width : 14px;
    height : 22px;
    margin-top : -11px;
    content : "";
    background : url(../images/arrow6.png) no-repeat;
}
.free-doc-btn:focus {
    color : #ffffff;
}
.free-doc-btn small {
    font-size: 60% !important;
    line-height: 1.5 !important;
    color: #fff !important;
    display : block;
}
.buttons {
    position : relative;
    margin-bottom : 40px;
    text-align : center;
}
.buttons:hover {
    text-decoration : none;
}
.buttons.active .less-view {
    display : inline-block;
}
.buttons.active .more-view {
    display : none;
}
.buttons p {
    font-size : 13px;
    font-weight : bold;
    position : absolute;
    top : 15px;
    right : 0px;
}
.buttons .button1 {
    position : relative;
    z-index : 100;
}
.button3 {
    font-size : 14px;
    font-weight : bold;
    line-height : 1.2;
    display : inline-block;
    width : 65%;
    margin-bottom : 12px;
    padding : 15px 10px;
    color : #ffffff;
    border-bottom : 2px solid #0d4a68;
    -webkit-border-radius : 5px 5px 5px 5px;
       -moz-border-radius : 5px 5px 5px 5px;
            border-radius : 5px 5px 5px 5px;
    background : #197faf;
            text-shadow : 0px 2px 1px rgba(0,0,0,0.3);

    -webkit-text-shadow : 0px 2px 1px rgba(0,0,0,0.3);
       -moz-text-shadow : 0px 2px 1px rgba(0,0,0,0.3);
}
.button3:hover {
    text-decoration : none;
    background : #146c96;
	color : #ffffff;
}
.button3:focus {
    color : #ffffff;
}

.button3 a{
    color : #ffffff;
}
.button3 i {
    float : left;
    margin-right : 10px;
}
.less-view {
    font-size : 14px;
    font-weight : bold;
    line-height : 40px;
    position : relative;
    z-index : 100;
    display : inline-block;
    display : inline-block;
    display : none;
    height : 40px;
    padding : 0px 15px;
    cursor : pointer;
    color : #ffffff;
    border-top : 2px solid #005b86;
    -webkit-border-radius : 0px 0px 5px 5px;
       -moz-border-radius : 0px 0px 5px 5px;
            border-radius : 0px 0px 5px 5px;
    background : #197faf;
            text-shadow : 0px 3px 1px rgba(0,0,0,0.3);

    -webkit-text-shadow : 0px 3px 1px rgba(0,0,0,0.3);
       -moz-text-shadow : 0px 3px 1px rgba(0,0,0,0.3);
}

@media (max-width:1200px) {
    .buttons {
        margin-bottom : 20px;
        text-align : left;
    }
}

@media (max-width:992px) {
    .button3 {
        width : 75%;
    }
}

@media (max-width:767px) {
    .buttons p {
        position : relative;
    }
    .button3 {
        width : 100%;
    }
}
/* Note ---------------------- */
.note {
    display : none;
    margin-bottom : 20px;
}
/* Box ---------------------- */
.box {
    margin-bottom : 35px;
    padding : 20px 20px 0px 20px;
    border-bottom : 2px solid #d7d7d7;
    -webkit-border-radius : 5px;
       -moz-border-radius : 5px;
            border-radius : 5px;
    background : #ffffff;
}
.box .row {
    margin : 0px -20px;
}
.box .col-sm-8,
.box .col-sm-4,
.box .col-sm-6 {
    padding : 0px 20px;
}
.box .box1 {
    position : relative;
    min-height : 176px;
    margin-top : -20px;
    margin-bottom : -2px;
    padding : 10px;
    border : 3px solid #006595;
    -webkit-border-radius : 0px 5px 5px 0px;
       -moz-border-radius : 0px 5px 5px 0px;
            border-radius : 0px 5px 5px 0px;
    background : #197faf;
}
.box .box1 i {
    line-height : 60px;
    display : inline-block;
    float : left;
    width : 60px;
    height : 60px;
    margin-right : 10px;
    text-align : center;
    -webkit-border-radius : 50%;
       -moz-border-radius : 50%;
            border-radius : 50%;
    background : #f9c63d;
}
.box .box1 h4 {
    line-height : 21px;
    margin-top : 10px;
    margin-bottom : 15px;
    color : #ffffff;
            text-shadow : 0px 3px 1px rgba(0,0,0,0.3);

    -webkit-text-shadow : 0px 3px 1px rgba(0,0,0,0.3);
       -moz-text-shadow : 0px 3px 1px rgba(0,0,0,0.3);
}
.box .box1 p {
    font-size : 14px;
    line-height : 19px;
    margin-bottom : 0px;
    color : #ffffff;
}
.box2 {
    min-height : 110px;
    padding : 15px;
    padding-bottom : 0px;
    -webkit-border-radius : 5px 5px 0px 0px;
       -moz-border-radius : 5px 5px 0px 0px;
            border-radius : 5px 5px 0px 0px;
    background : #dff1ff;
}
.box2 i {
    line-height : 80px;
    display : inline-block;
    float : left;
    width : 80px;
    height : 80px;
    text-align : center;
    -webkit-border-radius : 50%;
       -moz-border-radius : 50%;
            border-radius : 50%;
    background : #197faf;
}

.box2 .changingItemWrap {
    overflow : hidden;
    height : 93px;
    padding-left : inherit;
    -webkit-transition : all 0.3s ease;
       -moz-transition : all 0.3s ease;
            transition : all 0.3s ease;
}

.box2 h6 {
    font-size : 16px;
    margin-bottom : 2px;
}
.box2 .changingItemWrap li {
    background : none;
}
.box2 .changingItemWrap p {
    font-size : 14px;
    margin-bottom : 0px;
}
.box2 .changingItemWrap .meta-data {
    font-size : 12px;
    font-weight : normal;
    line-height : 20px;
    display : block;
    color : #525252;
}
.box2 .changingItemWrap .meta-data a {
    color : #525252;
}

.changingItem {
    margin-top : 0;
    margin-bottom : 3px;
    padding : 0;
    list-style-type : none;
    transition : all 0s ease;
}
.changingItem.slideUp {
    margin-top : -93px;
    -webkit-transition : all 0.7s ease;
       -moz-transition : all 0.7s ease;
            transition : all 0.7s ease;
}
.changingItem li {
    font-weight : bold;
    line-height : 20px;
    margin-bottom : 0 !important;
    padding : 0;
    list-style-type : none;
}

li.highlighted a {
    -webkit-transition : all 0.3s ease;
       -moz-transition : all 0.3s ease;
            transition : all 0.3s ease;
    text-decoration : underline;
}

.box3 {
    -webkit-border-radius : 0px 0px 5px 5px;
       -moz-border-radius : 0px 0px 5px 5px;
            border-radius : 0px 0px 5px 5px;
}

@media (max-width:992px) {
    .box {
        padding : 15px 15px 0px 15px;
    }
    .box .row {
        margin : 0px -15px;
    }
    .box .col-sm-8,
    .box .col-sm-4,
    .box .col-sm-6 {
        padding : 0px 15px;
    }
    .box .box1 {
        padding : 5px;
    }
    .box .box1 i {
        display : block;
        float : none;
        margin : 0 auto;
    }
    .box .box1 h4 {
        margin-top : 0px;
        margin-bottom : 5px;
        text-align : center;
    }
    .box2 {
        padding : 15px;
    }
}

@media (max-width:767px) {
    .box {
        margin-bottom : 15px;
    }
    .box .box1 {
        margin-top : -0px;
    }
    .box2 i {
        display : block;
        float : none;
        margin : 0 auto;
        margin-bottom : 10px;
    }
    .box2 .details {
        padding-left : 0px;
    }
}
.icon {
    line-height : 60px;
    display : inline-block;
    float : left;
    width : 60px;
    height : 60px;
    margin-right : 15px;
    text-align : center;
    -webkit-border-radius : 50%;
       -moz-border-radius : 50%;
            border-radius : 50%;
    background : #00af6c;
}
.heading {
    margin-bottom : 15px;
}
.heading h4,
.heading h3 {
    padding-top : 12px;
}

@media (max-width:992px) {
    .icon {
        margin-right : 10px;
    }
}
.inner-content {
    margin-bottom : 25px;
    padding : 25px 20px 5px 20px;
    border-top : 1px solid #d9d9d9;
    border-bottom : 1px solid #d9d9d9;
}
.post .list1 {
    min-height : inherit;
    border : none;
}
.list1 li {
    float : left;
    width : 48%;
    margin-right : 2%;
}

@media (max-width:767px) {
    .list1 li {
        width : 100%;
        margin-right : 0%;
    }
}
/* Avis ---------------------- */
.rating {
    display : block;
    width : 96px;
    height : 16px;
    margin : 3px auto 0;
    margin-top : 0px;
    background : url(../images/rating.png) no-repeat left bottom;
}
.rating .inner {
	margin-top: 7px;
    display : block;
    height : 17px;
    background : url(../images/rating.png) no-repeat left top;
}
/* Bforbank ---------------------- */
.bforbank {
    margin-bottom : 15px;
    border-bottom : 1px solid #d9d9d9;
}
.bforbank h4 {
    margin-bottom : 2px;
}
.bforbank .web-link {
    font-size : 15px;
    font-weight : bold;
    display : block;
    margin-bottom : 5px;
}
.bforbank p {
    margin-bottom : 0px;
}
.bforbank .warranty {
    font-size : 16px;
    font-weight : bold;
    display : block;
    padding : 10px 0px;
    color : #ff7e00;
}
/* Rss---------------------- */
.rss {
    float : right;
    margin-bottom : 10px;
}
/* Boxes ---------------------- */
.boxes {
    clear : both;
}
.box4 {
    padding : 20px 20px 15px 20px;
    background : #dff1ff;
}
.boxes .box4 h6 {
    font-size : 12px;
    line-height : 14px;
    margin-bottom : 3px;
}
.boxes .box4 h5 {
    font-weight : normal;
    margin-bottom : 3px;
}
.boxes .box4 .meta-data {
    font-size : 12px;
    line-height : 15px;
    display : block;
    color : #525252;
}
.boxes .box4 .meta-data a {
    color : #525252;
}
.boxes .box5 {
    padding : 20px;
    background : #ffffff;
}
.boxes .box5 .icon1 {
    float : left;
}
.boxes .box5 .details {
    padding-left : 118px;
}
.read-more,
.link {
    font-size : 13px;
    font-weight : bold;
    display : block;
    text-align : right;
}
.pagination {
    font-size : 15px;
    font-weight : bold;
    padding-top : 0px;
    text-align : right;
}
.pagination a {
    padding: 0px 3px;
	font-size: 13px;
}

@media (max-width:767px) {
    .boxes .box5 .icon1 {
        display : block;
        float : none;
        margin-bottom : 10px;
        text-align : center;
    }
    .boxes .box5 .details {
        padding-left : 0px;
    }
    .pagination {
        margin-bottom : 10px;
    }
    .read-more,
    .link {
        margin-bottom : 10px;
        text-align : left;
    }
}
/* Review ---------------------- */
.review .section figure {
    line-height : 162px;
    float : left;
    width : 162px;
    height : 162px;
    margin : 0px;
    margin-bottom : 60px;
    text-align : center;
    -webkit-border-radius : 50%;
       -moz-border-radius : 50%;
            border-radius : 50%;
    background : #ffffff;
    -webkit-box-shadow : 0px 2px 0px #d7d7d7;
       -moz-box-shadow : 0px 2px 0px #d7d7d7;
            box-shadow : 0px 2px 0px #d7d7d7;
}
.review .section figure figcaption {
    font-family : "Open Sans", sans-serif;
    font-size : 11px;
    font-weight : bold;
    line-height : 18px;
    padding-top : 10px;
    text-align : center;
    color : #525252;
}
.review .section .box.details {
    position : relative;
    float : right;
    width : 75%;
    margin-bottom : 30px;
}
.review .section .box.details:before {
    position : absolute;
    top : 18px;
    left : -18px;
    width : 18px;
    height : 35px;
    content : "";
    background : url(../images/arrow7.png) no-repeat;
}
.review .section .box.details p {
    font-family : "Open Sans", sans-serif;
    font-weight : 600;
}
.review .section .box {
    padding-bottom : 20px;
}

@media (max-width:992px) {
    .review .section figure {
        float : none;
        margin-right : auto;
        margin-left : auto;
    }
    .review .section .box.details {
        width : 100%;
    }
    .review .section .box.details:before {
        display : none;
    }
    .review .section figure figcaption {
        text-align : center;
    }
}
/* document-preview ---------------------- */
.document-preview {
    margin-bottom : 20px;
}
.document-preview img {
    padding : 5px;
    border : 1px solid #d7d7d7;
}
/* Beforbank Review ---------------------- */
.beforbank-review .heading h3 {
    display : inline-block;
}
.beforbank-review ul {
    margin : 0px;
    padding : 0px;
}
.beforbank-review ul li {
    padding : 0px;
    background : none;
}
.beforbank-review ul li:hover {
    background : none;
}
.beforbank-review ul li.active {
    background : none;
}
/* Filter ---------------------- */
.beforbank-review .filter {
    float : right;
    padding : 10px;
    -webkit-border-radius : 5px;
       -moz-border-radius : 5px;
            border-radius : 5px;
    background : #146c96;
}
.beforbank-review .filter p {
    margin-bottom : 0px;
}
.beforbank-review .filter p a {
    font-size : 17px;
    line-height : 18px;
    color : #ffffff;
            text-shadow : 0px 3px 1px rgba(0,0,0,0.3);

    -webkit-text-shadow : 0px 3px 1px rgba(0,0,0,0.3);
       -moz-text-shadow : 0px 3px 1px rgba(0,0,0,0.3);
}
.beforbank-review .filter p a:hover {
    text-decoration : none;
}
.beforbank-review .filter p a i {
    margin-left : 15px;
}
.beforbank-review .filter ul {
    display : none;
    margin : 0px;
    padding-top : 15px;
    list-style-type : none;
}
.beforbank-review .filter ul li {
    margin-bottom : 15px;
}
.beforbank-review .filter ul li:last-child {
    margin-bottom : 0px;
}
.beforbank-review .filter ul li a {
    font-size : 13px;
    font-weight : bold;
    line-height : 15px;
    color : #ffffff;
}
.beforbank-review .filter ul li a:hover {
    text-decoration : none;
    color : #ffffff;
}
.beforbank-review .filter:hover ul {
    display : block;
}

@media (max-width:767px) {
    .beforbank-review .heading h3 {
        display : block;
        margin-bottom : 35px;
    }
    .beforbank-review .filter {
        float : none;
    }
}
/* pagination ---------------------- */
.beforbank-review .pagination {
    text-align : left;
}
.beforbank-review .pagination p {
    font-weight : bold;
    display : inline-block;
    color : #43474a;
}
.beforbank-review .pagination .link {
    display : inline-block;
}
.beforbank-review .pagination .pagination-controls {
    float : right;
}
.beforbank-review .pagination .pagination-controls span.pages {
    font-size : 12px;
    color : #525252;
}
.beforbank-review .pagination .pagination-controls ul {
    display : inline-block;
}
.beforbank-review .pagination .pagination-controls ul li {
    display : inline-block;
    margin : 0px 5px 0px 5px;
}
.beforbank-review .pagination .pagination-controls ul li a {
    font-size : 13px;
    font-weight : normal;
    color : #525252;
}
.beforbank-review .pagination .pagination-controls ul li a:hover,
.beforbank-review .pagination .pagination-controls ul li.active a {
    text-decoration : none;
    color : #197fae;
}
.beforbank-review .pagination-content {
    border-top : 1px solid #d9d9d9;
}
.beforbank-review .pagination-content .section {
    padding : 5px 0px;
}
.beforbank-review .pagination-content .section {
    padding-bottom : 10px;
    border-bottom : 1px solid #d9d9d9;
}
.beforbank-review .pagination-content .section .meta-data {
    font-size : 12px;
    line-height : 15px;
    display : block;
    margin-bottom : 12px;
    color : #525252;
}
.beforbank-review .pagination-content .section .meta-data a {
    color : #525252;
}
.beforbank-review .pagination-content .section .box4 {
    margin-bottom : 20px;
}
.beforbank-review .pagination-content .section .box4 p {
    display : inline-block;
    margin-bottom : 10px;
}
.beforbank-review .pagination-content .section .box4 table td {
    font-size : 13px;
    padding : 5px 5px;
    color : #525252;
}

@media (max-width:992px) {
    .beforbank-review .pagination p {
        font-size : 12px;
    }
    .beforbank-review .pagination .pagination-controls span.pages {
        font-size : 12px;
    }
    .beforbank-review .pagination .pagination-controls ul li a {
        font-size : 12px;
    }
    .beforbank-review .pagination .link {
        font-size : 12px;
    }
    .beforbank-review .pagination .pagination-controls ul li {
        margin : 0px 2px 0px 2px;
    }
}

@media (max-width:767px) {
    .beforbank-review .pagination {
        text-align : center;
    }
    .beforbank-review .pagination p {
        display : block;
    }
    .beforbank-review .pagination .pagination-controls {
        float : none;
        text-align : center;
    }
}
.user-button p {
    font-size : 12px;
    font-weight : bold;
    display : inline-block;
    margin : 0px;
}
.user-button i {
    margin-left : 10px;
}

@media (max-width:767px) {
    .user-button {
        text-align : center;
    }
    .user-button p {
        display : block;
        margin-bottom : 10px;
    }
}
/* Sociable ---------------------- */
.sociable a {
    font-size : 12px;
    line-height : 36px;
    display : inline-block;
    width : 165px;
    height : 36px;
    margin-right : 5px;
    margin-bottom : 10px;
    text-align : center;
    text-decoration : none;
    text-transform : uppercase;
    color : #ffffff;
    border-radius : 3px;
}
.sociable a.email {
    background : #0a88ff url(../images/email.png) no-repeat;
    background-position : 10px center;
}
.sociable a.googleplus {
    background : #e93f2e url(../images/google-plus.png) no-repeat;
    background-position : 10px center;
}
.sociable a.facebook {
    background : #306199 url(../images/facebook.png) no-repeat;
    background-position : 10px center;
}
.sociable a.twitter {
    background : #26c4f1 url(../images/twitter.png) no-repeat;
    background-position : 10px center;
}
/* Footer Navigation ---------------------- */
#footer-navigation ul {
    margin : 0px;
    padding : 0px;
    list-style-type : none;
}
#footer-navigation ul li {
    display : inline-block;
    margin-right : 15px;
}
#footer-navigation ul li:last-child {
    margin-right : 0px;
}
#footer-navigation ul li a {
    font-size : 13px;
    color : #ffffff;
}
#footer-navigation ul li a:hover {
    text-decoration : underline;
}
#footer-navigation .footer-menu-btn {
    display : block;
    width : 100px;
    margin : 0 auto;
}

@media (min-width:768px) {
    #footer-navigation .footer-menu-btn {
        display : none !important;
    }
    #footer-navigation ul {
        display : block !important;
    }
}

@media (max-width:767px) {
    #footer-navigation ul {
        display : none;
        margin-top : 15px;
    }
    #footer-navigation ul li {
        display : block;
        margin-right : 0px;
        margin-bottom : 10px;
    }
    #footer-navigation ul li a {
        font-size : 12px;
        display : block;
        text-align : center;
        color : #ffffff;
    }
}
/* Footer Bottom ---------------------- */
.footer-bottom {
    padding : 22px 0px 15px;
    background : #43484a;
}
.footer-bottom .copyright {
    font-size : 13px;
    padding-top : 15px;
    text-align : right;
    color : #f2f2f2;
}

@media (max-width:767px) {
    .footer-bottom .copyright {
        font-size : 13px;
        padding-top : 15px;
        text-align : left;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    .widget ul li:nth-child(2n+1) {
        background-image : url(../images/bullet@2x.png);
        background-size : 6px 6px;
    }
    .rating-table table tr td:first-child {
        background-image : url(../images/star@2x.png);
        background-size : 52px 50px;
    }
    .rating-table table tr td:last-child {
        background-image : url(../images/table-arrow2@2x.png);
        background-size : 28px 22px;
    }
    .rating-table table tr:hover td:last-child {
        background-image : url(../images/table-arrow@2x.png);
        background-size : 28px 22px;
    }
    .widget ul li:nth-child(2n+1) {
        background-image : url(../images/bullet@2x.png);
        background-size : 6px 6px;
    }
    .widget ul.list2 li:nth-child(2n+1) {
        background-image : url(../images/bullet4@2x.png);
        background-size : 6px 6px;
    }
    .search-box2 form input[type="text"] {
        background-image : url(../images/icon20@2x.png);
        background-size : 40px 40px;
    }
    .select-box p:after {
        background-image : url(../images/icon21@2x.png);
        background-size : 40px 38px;
    }
    .review .section .box.details:before {
        background-image : url(../images/arrow7@2x.png);
        background-size : 18px 35px;
    }
    .sociable a.email {
        background-image : url(../images/email@2x.png);
        background-size : 19px 22px;
    }
    .sociable a.googleplus {
        background-image : url(../images/google-plus@2x.png);
        background-size : 19px 19px;
    }
    .sociable a.facebook {
        background-image : url(../images/facebook@2x.png);
        background-size : 19px 19px;
    }
    .sociable a.twitter {
        background-image : url(../images/twitter@2x.png);
        background-size : 18px 16px;
    }
    .widget ul.record li {
        background-image : none;
    }
}
/*--- Placeholder --- */
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    opacity : 1;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
    opacity : 1;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
    opacity : 1;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    opacity : 1;
}
/* ------------------------------------- 
    Cross Browser CSS
    Documentation: http://rafael.adm.br/css_browser_selector/
------------------------------------- */
/*Use to make CSS 3 Rounded Corners , Text Shadows and Box Shadows for IE */
/* .ie .css3 { behavior: url("assets/javascripts/vendor/PIE.htc"); position:relative; } */



.img-thumbnail {
    padding : 0px;
    -webkit-transition : all 0.2s ease-in-out;
         -o-transition : all 0.2s ease-in-out;
            transition : all 0.2s ease-in-out;
    border : 0px;
    border-radius : 5px;
    background-color : #ffffff;
}
/*
* breadcrumb
*/

.breadcrumb {
    font-size : 11px;
    margin-top : 0px;
    margin-bottom : 10px;
    padding-left : 0px;
    color : #bbbbbb;
    background : #fbfbfb;
}
.breadcrumb {
    margin-bottom : 20px;
    padding : 8px 15px;
    list-style : none;
    border-radius : 4px;
    background-color : #f5f5f5;
}
.breadcrumb > li {
    display : inline-block;
}
.breadcrumb > li + li:before {
    padding : 0 5px;
    content : "/\00a0";
    color : #cccccc;
}
.breadcrumb > .active {
    color : #999999;
}
/*
* table
*/

.table {
    width : 100%;
    max-width : 100%;
    margin-bottom : 20px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    line-height : 1.42857143;
    padding : 8px;
    vertical-align : top;
    border-top : 1px solid #dddddd;
}
.table > thead > tr > th {
    vertical-align : bottom;
    border-bottom : 2px solid #dddddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
    border-top : 0;
}
.table > tbody + tbody {
    border-top : 2px solid #dddddd;
}
.table .table {
    background-color : #ffffff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
    padding : 5px;
}
.table-bordered {
    border : 1px solid #dddddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
    border : 1px solid #dddddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
    border-bottom-width : 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
    background-color : #f9f9f9;
}
.table-hover > tbody > tr:hover {
    background-color : #f5f5f5;
}
table col[class*="col-"] {
    position : static;
    display : table-column;
    float : none;
}
table td[class*="col-"],
table th[class*="col-"] {
    position : static;
    display : table-cell;
    float : none;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
    background-color : #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
    background-color : #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
    background-color : #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
    background-color : #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
    background-color : #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
    background-color : #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
    background-color : #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
    background-color : #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
    background-color : #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
    background-color : #ebcccc;
}
.table-responsive {
    overflow-x : auto;
    min-height : 0.01%;
}

@media screen and (max-width: 767px) {
    .table-responsive {
        overflow-y : hidden;
        width : 100%;
        margin-bottom : 15px;
        border : 1px solid #dddddd;

        -ms-overflow-style : -ms-autohiding-scrollbar;
    }
    .table-responsive > .table {
        margin-bottom : 0;
    }
    .table-responsive > .table > thead > tr > th,
    .table-responsive > .table > tbody > tr > th,
    .table-responsive > .table > tfoot > tr > th,
    .table-responsive > .table > thead > tr > td,
    .table-responsive > .table > tbody > tr > td,
    .table-responsive > .table > tfoot > tr > td {
        white-space : nowrap;
    }
    .table-responsive > .table-bordered {
        border : 0;
    }
    .table-responsive > .table-bordered > thead > tr > th:first-child,
    .table-responsive > .table-bordered > tbody > tr > th:first-child,
    .table-responsive > .table-bordered > tfoot > tr > th:first-child,
    .table-responsive > .table-bordered > thead > tr > td:first-child,
    .table-responsive > .table-bordered > tbody > tr > td:first-child,
    .table-responsive > .table-bordered > tfoot > tr > td:first-child {
        border-left : 0;
    }
    .table-responsive > .table-bordered > thead > tr > th:last-child,
    .table-responsive > .table-bordered > tbody > tr > th:last-child,
    .table-responsive > .table-bordered > tfoot > tr > th:last-child,
    .table-responsive > .table-bordered > thead > tr > td:last-child,
    .table-responsive > .table-bordered > tbody > tr > td:last-child,
    .table-responsive > .table-bordered > tfoot > tr > td:last-child {
        border-right : 0;
    }
    .table-responsive > .table-bordered > tbody > tr:last-child > th,
    .table-responsive > .table-bordered > tfoot > tr:last-child > th,
    .table-responsive > .table-bordered > tbody > tr:last-child > td,
    .table-responsive > .table-bordered > tfoot > tr:last-child > td {
        border-bottom : 0;
    }
}
.table-responsive {
    overflow-x : auto;
    min-height : 0.01%;
}

@media screen and (max-width: 767px) {
    .table-responsive {
        overflow-y : hidden;
        width : 100%;
        margin-bottom : 15px;
        border : 1px solid #dddddd;

        -ms-overflow-style : -ms-autohiding-scrollbar;
    }
    .table-responsive > .table {
        margin-bottom : 0;
    }
    .table-responsive > .table > thead > tr > th,
    .table-responsive > .table > tbody > tr > th,
    .table-responsive > .table > tfoot > tr > th,
    .table-responsive > .table > thead > tr > td,
    .table-responsive > .table > tbody > tr > td,
    .table-responsive > .table > tfoot > tr > td {
        white-space : nowrap;
    }
    .table-responsive > .table-bordered {
        border : 0;
    }
    .table-responsive > .table-bordered > thead > tr > th:first-child,
    .table-responsive > .table-bordered > tbody > tr > th:first-child,
    .table-responsive > .table-bordered > tfoot > tr > th:first-child,
    .table-responsive > .table-bordered > thead > tr > td:first-child,
    .table-responsive > .table-bordered > tbody > tr > td:first-child,
    .table-responsive > .table-bordered > tfoot > tr > td:first-child {
        border-left : 0;
    }
    .table-responsive > .table-bordered > thead > tr > th:last-child,
    .table-responsive > .table-bordered > tbody > tr > th:last-child,
    .table-responsive > .table-bordered > tfoot > tr > th:last-child,
    .table-responsive > .table-bordered > thead > tr > td:last-child,
    .table-responsive > .table-bordered > tbody > tr > td:last-child,
    .table-responsive > .table-bordered > tfoot > tr > td:last-child {
        border-right : 0;
    }
    .table-responsive > .table-bordered > tbody > tr:last-child > th,
    .table-responsive > .table-bordered > tfoot > tr:last-child > th,
    .table-responsive > .table-bordered > tbody > tr:last-child > td,
    .table-responsive > .table-bordered > tfoot > tr:last-child > td {
        border-bottom : 0;
    }
}
#tablecout {
    font-size : 12px;
    width : 100%;
    margin : 1em auto;
    border-collapse : collapse;
    color : #ffffff;
    border-top : 1px solid #e3f1fe;
    border-right : 1px solid #e3f1fe;
}
#tablecout caption {
    font-size : 0.94em;
    margin : 1em 0 0 0;
    margin-bottom : 0;
    padding : 0;
    caption-side : top;
    text-align : center;
    letter-spacing : 0.1em;
    color : #9ba9b4;
}
#tablecout tr.odd td,
#tablecout tr.odd .column1 {
    background : #f4f9fe url(https://images.top10banques.com/background.gif) no-repeat;
}
.column1 {
    background : #f9fcfe;
}
#tablecout td {
    font-size : 10px;
    padding : 0.3em 1em;
    text-align : center;
    color : #4b4b4b;
    border-bottom : 1px solid #e3f1fe;
    border-left : 1px solid #e5eff8;
}
#tablecout th {
    font-size : 11px;
    font-weight : normal;
    font-weight : bold;
    padding : 0.3em 1em;
    text-align : left;
    color : #678197;
    border-bottom : 1px solid #e3f1fe;
    border-left : 1px solid #e5eff8;
}
#tablecout thead th {
    font : bold 1em "Century Gothic", "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-align : center;
    color : #66a3d3;
    background : #f4f9fe;
}
#tablecout tfoot th {
    text-align : center;
    background : #f4f9fe;
}
#tablecout tfoot th strong {
    font : bold 1.2em "Century Gothic", "Trebuchet MS", Arial, Helvetica, sans-serif;
    margin : 0.5em 0.5em 0.5em 0;
    color : #66a3d3;
}
#tablecout tfoot th em {
    font-size : 1.1em;
    font-weight : bold;
    font-style : normal;
    color : #f03b58;
}
#menu-dossiers li {
    padding : 12px;
    list-style-type : none;
    background-image : none;
}

#menu-dossiers img {
    margin-right : 12px;
}


/* ------------------------------------- 
    Form elements
------------------------------------- */
.quform-elements {
    width : 100%;
    margin : 0 auto;
}
.quform-wrapper {
    width : 100%;
    margin : 10px auto 0;
    padding-bottom : 25px;
}

.quform-inner {
    margin : 0;
}
@media (min-width: 500px) {
    .quform-inner {
        padding : 10px 25px;
        border : 1px solid #c6c6c6;
        border-radius : 10px;
    }
}
.quform-title {
    font-size : 15px;
    font-weight : bold;
    margin-bottom : 15px;
    padding : 4px 15px;
    color : #0099ff;
    border : 1px solid #c6c6c6;
    border-radius : 5px;
    background : rgba(0, 0, 0, 0) url("../images/button_bg.png") repeat scroll center top;
    text-shadow : 1px 1px 0 #f5f5f5;
}
.quform .input-wrapper input,
.quform .input-wrapper select,
.quform .input-wrapper textarea {
    font-size : 14px;
    width : 238px;
    width : 100%;
    padding : 3px 3px;
    color : #333333;
    border : 0 none;
}
.quform .input-wrapper input {
    line-height : 26px;
    height : 26px;
}
.quform .input-wrapper select {
    width : 243px;
}
.quform .input-wrapper input:focus,
.quform .input-wrapper select:focus,
.quform .input-wrapper textarea:focus {
    background-color : #f2f2f2;
}
.quform .captcha-input-wrapper input {
    width : 95px;
}
.quform label.check-box input {
    width : 20px;
}
.quform input#subject {
    float : left;
    width : 220px;
}
.quform select option {
    margin : 4px;
}
.quform .element-wrapper label {
    font-size : 12px;
    line-height : 18px;
    display : inline-block;
    float : left;
    width : 100px;
    width : 33%;
    height : 26px;
    padding-top : 3px;
    padding-left : 3px;
    border-right : 1px solid #b4b4b4;
    background-color : #f9f9f9;
}
.quform .message-element-wrapper label {
    height : 127px;
}
.quform .subject-element-wrapper label {
    padding-top : 4px;
}
.quform .captcha-element-wrapper label {
    width : 168px;
}
.quform label.check-box {
    font-weight : normal;
    display : block;
}
.quform .red {
    font-weight : normal;
    color : #cc0000;
}
.quform ul.quform-errors {
    display : none;
    margin : 0;
    padding : 0;
}
.quform ul.quform-errors li {
    margin : 0;
    padding : 4px 10px 4px 30px;
    list-style-type : none;
    color : #cc0000;
    background-color : #f3cac7;
    background-image : url("../images/err.png");
    background-repeat : no-repeat;
    background-position : 5px center;
}
.quform-error-title {
    font-size : 15px;
    font-weight : bold;
    margin-bottom : 5px;
}
.quform-error-message {
    margin-bottom : 10px;
    padding : 8px;
    color : #cc0000;
    background : #f3cac7 none repeat scroll 0 0;
}
.quform ul.quform-errors-no-js li {
    font-weight : bold;
    line-height : 22px;
    margin-left : 0;
    padding : 0 0 4px;
    list-style-type : none;
}
.quform ul.quform-errors-no-js li ul li {
    line-height : 19px;
    display : inline-block;
    margin : 5px 0 0;
    padding : 3px 10px 3px 30px;
    list-style-type : none;
    color : #cc0000;
    border-radius : 5px;
    background-color : #f3cac7;
    background-image : url("../images/err.png");
    background-repeat : no-repeat;
    background-position : 5px center;
}
.quform .message-element {
    width : 238px;
    height : 120px;
}
.quform .element-wrapper {
    margin-bottom : 5px;
    border : 1px solid #b4b4b4;
    background-color : #ffffff;
}
.quform a.cancel-button {
    float : left;
    width : 16px;
    height : 16px;
    margin-top : 4px;
    background-image : url("../images/close.png");
    background-repeat : no-repeat;
    background-position : 0 0;
}
.quform .element-wrapper p.description {
    font-size : 11px;
    font-style : italic;
    margin : 2px;
    padding : 0;
}
.quform .submit-button-input-wrapper {
    font-size : 13px;
    height : 32px;
}
.quform .submit-button-input-wrapper input {
    display : inline-block;
    float : right;
    width : 75px;
    height : 27px;
    margin-top : 2px;
    padding : 1px 12px 0;
    cursor : pointer;
    border-width : 1px;
    border-style : solid;
    border-color : #cccccc #999999 #999999 #cccccc;
    background : #f9f9f9 url("../images/button_bg.png") repeat scroll center top;
}
.quform .submit-button-input-wrapper input:active {
    padding-right : 11px;
    padding-left : 13px;
    outline : 0 none;
    background : #eeeeee none repeat scroll 0 0;
}
.quform .submit-button-input-wrapper input::-moz-focus-inner {
    border : 0 none;
}
.quform-loading-wrap {
    float : left;
    height : 32px;
}
.quform-loading-wrap .loading {
    display : none;
}
.quform-captcha-img {
    float : left;
    height : 25px;
    padding-top : 1px;
    border-right : 1px solid #b4b4b4;
}
.quform-success-inner {
    font-weight : normal;
    line-height : 18px;
    margin : 10px 0;
    padding : 8px 20px 8px 37px;
    color : #000000;
    border : 1px solid #80bb48;
    border-radius : 5px;
    background : #cef4a9 url("../images/success.png") no-repeat scroll 12px center;
}
.ui-tooltip,
.qtip {
    font-size : 10.5px;
    line-height : 12px;
    position : absolute;
    top : -28000px;
    left : -28000px;
    display : none;
    min-width : 50px;
    max-width : 280px;
}
.ui-tooltip-fluid {
    position : static;
    display : block;
    visibility : hidden;
    float : left;
}
.ui-tooltip-content {
    position : relative;
    overflow : hidden;
    padding : 5px 9px;
    text-align : left;
    border : 1px solid #000001;

    overflow-wrap : break-word;
}
.ui-tooltip-titlebar {
    font-weight : bold;
    position : relative;
    overflow : hidden;
    min-height : 14px;
    padding : 5px 35px 5px 10px;
    border-width : 1px 1px 0;
    border-style : solid;
    border-color : #000001;
    border-image : none;

    -moz-border-bottom-colors : none;
    -moz-border-left-colors : none;
    -moz-border-right-colors : none;
    -moz-border-top-colors : none;
}
.ui-tooltip-titlebar + .ui-tooltip-content {
    border-top-width : 0;
}
.ui-tooltip-titlebar .ui-state-default {
    position : absolute;
    top : 50%;
    right : 4px;
    margin-top : -9px;
    cursor : pointer;
    border-width : 1px;
    border-style : solid;
    outline : medium none;
}
* html .ui-tooltip-titlebar .ui-state-default {
    top : 16px;
}
.ui-tooltip-titlebar .ui-icon,
.ui-tooltip-icon .ui-icon {
    display : block;
    text-indent : -1000em;
}
.ui-tooltip-icon,
.ui-tooltip-icon .ui-icon {
    border-radius : 3px;
}
.ui-tooltip-icon .ui-icon {
    font : bold 10px/13px Tahoma,sans-serif;
    width : 18px;
    height : 14px;
    text-align : center;
    text-indent : 0;
    color : inherit;
    background : transparent none no-repeat scroll -100em -100em;
}
.ui-tooltip-default .ui-tooltip-titlebar,
.ui-tooltip-default .ui-tooltip-content {
    color : #555555;
    border-color : #f1d031;
    background-color : #ffffa3;
}
.ui-tooltip-default .ui-tooltip-titlebar {
    background-color : #ffef93;
}
.ui-tooltip-default .ui-tooltip-icon {
    color : #777777;
    border-color : #cccccc;
    background : #f1f1f1 none repeat scroll 0 0;
}
.ui-tooltip-default .ui-tooltip-titlebar .ui-state-hover {
    color : #111111;
    border-color : #aaaaaa;
}
#qtip-overlay {
    position : fixed;
    top : -10000em;
    left : -10000em;
}
#qtip-overlay.blurs {
    cursor : pointer;
}
#qtip-overlay div {
    position : absolute;
    top : 0;
    left : 0;
    width : 100%;
    height : 100%;
    opacity : 0.7;
    background-color : black;
}
.ui-tooltip .ui-tooltip-tip {
    z-index : 10;
    overflow : hidden;
    margin : 0 auto;
}
.ui-tooltip .ui-tooltip-tip,
.ui-tooltip .ui-tooltip-tip * {
    font-size : 0.1px;
    line-height : 0.1px;
    position : absolute;
    color : #123456;
    border : 0 dashed transparent;
    background : transparent none repeat scroll 0 0;
}
.ui-tooltip .ui-tooltip-tip canvas {
    top : 0;
    left : 0;
}
.ui-tooltip-light .ui-tooltip-titlebar,
.ui-tooltip-light .ui-tooltip-content {
    color : #454545;
    border-color : #e2e2e2;
}
.ui-tooltip-light .ui-tooltip-content {
    background-color : white;
}
.ui-tooltip-light .ui-tooltip-titlebar {
    background-color : #f1f1f1;
}
.ui-tooltip-dark .ui-tooltip-titlebar,
.ui-tooltip-dark .ui-tooltip-content {
    color : #f3f3f3;
    border-color : #303030;
}
.ui-tooltip-dark .ui-tooltip-content {
    background-color : #505050;
}
.ui-tooltip-dark .ui-tooltip-titlebar {
    background-color : #404040;
}
.ui-tooltip-dark .ui-tooltip-icon {
    border-color : #444444;
}
.ui-tooltip-dark .ui-tooltip-titlebar .ui-state-hover {
    border-color : #303030;
}
.ui-tooltip-cream .ui-tooltip-titlebar,
.ui-tooltip-cream .ui-tooltip-content {
    color : #a27d35;
    border-color : #f9e98e;
}
.ui-tooltip-cream .ui-tooltip-content {
    background-color : #fbf7aa;
}
.ui-tooltip-cream .ui-tooltip-titlebar {
    background-color : #f0de7d;
}
.ui-tooltip-cream .ui-state-default .ui-tooltip-icon {
    background-position : -82px 0;
}
.ui-tooltip-red .ui-tooltip-titlebar,
.ui-tooltip-red .ui-tooltip-content {
    color : #912323;
    border-color : #d95252;
}
.ui-tooltip-red .ui-tooltip-content {
    background-color : #f78b83;
}
.ui-tooltip-red .ui-tooltip-titlebar {
    background-color : #f06d65;
}
.ui-tooltip-red .ui-state-default .ui-tooltip-icon {
    background-position : -102px 0;
}
.ui-tooltip-red .ui-tooltip-icon {
    border-color : #d95252;
}
.ui-tooltip-red .ui-tooltip-titlebar .ui-state-hover {
    border-color : #d95252;
}
.ui-tooltip-green .ui-tooltip-titlebar,
.ui-tooltip-green .ui-tooltip-content {
    color : #3f6219;
    border-color : #90d93f;
}
.ui-tooltip-green .ui-tooltip-content {
    background-color : #caed9e;
}
.ui-tooltip-green .ui-tooltip-titlebar {
    background-color : #b0de78;
}
.ui-tooltip-green .ui-state-default .ui-tooltip-icon {
    background-position : -42px 0;
}
.ui-tooltip-blue .ui-tooltip-titlebar,
.ui-tooltip-blue .ui-tooltip-content {
    color : #5e99bd;
    border-color : #add9ed;
}
.ui-tooltip-blue .ui-tooltip-content {
    background-color : #e5f6fe;
}
.ui-tooltip-blue .ui-tooltip-titlebar {
    background-color : #d0e9f5;
}
.ui-tooltip-blue .ui-state-default .ui-tooltip-icon {
    background-position : -2px 0;
}
.ui-tooltip-shadow {
    box-shadow : 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
}

.ui-tooltip-rounded,
.ui-tooltip-rounded .ui-tooltip-content,
.ui-tooltip-tipsy,
.ui-tooltip-tipsy .ui-tooltip-content,
.ui-tooltip-youtube,
.ui-tooltip-youtube .ui-tooltip-content {
    border-radius : 4px;
}
.ui-tooltip-rounded .ui-tooltip-titlebar,
.ui-tooltip-tipsy .ui-tooltip-titlebar,
.ui-tooltip-youtube .ui-tooltip-titlebar {
    border-radius : 5px 5px 0 0;
}
.ui-tooltip-rounded .ui-tooltip-titlebar + .ui-tooltip-content,
.ui-tooltip-tipsy .ui-tooltip-titlebar + .ui-tooltip-content,
.ui-tooltip-youtube .ui-tooltip-titlebar + .ui-tooltip-content {
    border-radius : 0 0 5px 5px;
}
.ui-tooltip-youtube {
    box-shadow : 0 0 3px #333333;
}
.ui-tooltip-youtube .ui-tooltip-titlebar,
.ui-tooltip-youtube .ui-tooltip-content {
    color : white;
    border-color : #cccccc;
    background : rgba(0, 0, 0, 0.85) none repeat scroll 0 0;
}
.ui-tooltip-youtube .ui-tooltip-icon {
    border-color : #222222;
}
.ui-tooltip-youtube .ui-tooltip-titlebar .ui-state-hover {
    border-color : #303030;
}
.ui-tooltip-jtools {
    border : 2px solid rgb(241, 241, 241);
    border-radius : 2px;
    background : rgba(0, 0, 0, 0.7) linear-gradient(to bottom, #717171 0%, #232323 100%) repeat scroll 0 0;
    box-shadow : 0 0 12px #333333;
}


.ui-tooltip-jtools .ui-tooltip-titlebar,
.ui-tooltip-jtools .ui-tooltip-content {
    color : white;
    border : 0 dashed transparent;
    background : transparent none repeat scroll 0 0;
}
.ui-tooltip-jtools .ui-tooltip-icon {
    border-color : #555555;
}
.ui-tooltip-jtools .ui-tooltip-titlebar .ui-state-hover {
    border-color : #333333;
}
.ui-tooltip-cluetip {
    box-shadow : 4px 4px 5px rgba(0, 0, 0, 0.4);
}
.ui-tooltip-cluetip .ui-tooltip-titlebar {
    color : white;
    border : 0 dashed transparent;
    background-color : #87876a;
}
.ui-tooltip-cluetip .ui-tooltip-content {
    color : #111111;
    border : 0 dashed transparent;
    background-color : #d9d9c2;
}
.ui-tooltip-cluetip .ui-tooltip-icon {
    border-color : #808064;
}
.ui-tooltip-cluetip .ui-tooltip-titlebar .ui-state-hover {
    color : #696952;
    border-color : #696952;
}
.ui-tooltip-tipsy {
    border : 0 none;
}
.ui-tooltip-tipsy .ui-tooltip-titlebar,
.ui-tooltip-tipsy .ui-tooltip-content {
    font-family : "Lucida Grande",sans-serif;
    font-size : 11px;
    font-weight : bold;
    line-height : 16px;
    color : white;
    border : 0 none transparent;
    background : rgba(0, 0, 0, 0.87) none repeat scroll 0 0;
    text-shadow : 0 1px black;
}


.ui-tooltip-tipsy .ui-tooltip-icon {
    border-color : #222222;
    text-shadow : none;
}
.ui-tooltip-tipsy .ui-tooltip-titlebar .ui-state-hover {
    border-color : #303030;
}
.ui-tooltip-tipped .ui-tooltip-titlebar,
.ui-tooltip-tipped .ui-tooltip-content {
    border : 3px solid #959fa9;

    filter : none;
}
.ui-tooltip-tipped .ui-tooltip-titlebar {
    font-family : serif;
    font-weight : normal;
    color : white;
    border-bottom-width : 0;
    border-radius : 3px 3px 0 0;
    background : #3a79b8 linear-gradient(to bottom, #3a79b8 0%, #2e629d 100%) repeat scroll 0 0;
}
.ui-tooltip-tipped .ui-tooltip-content {
    color : #454545;
    border-radius : 0 0 3px 3px;
    background-color : #f9f9f9;
}
.ui-tooltip-tipped .ui-tooltip-icon {
    border : 2px solid #285589;
    background : #285589 none repeat scroll 0 0;
}
.ui-tooltip-tipped .ui-tooltip-icon .ui-icon {
    color : #555555;
    background-color : #fbfbfb;
}
.ui-tooltip:not(.ie9haxors) div.ui-tooltip-content,
.ui-tooltip:not(.ie9haxors) div.ui-tooltip-titlebar {
    filter : none;
}
.quform-tt {
    font-size : 13px;
    line-height : 15px;
}

/* ------------------------------------- 
    Tabs
------------------------------------- */
.post ul.nav-tabs {
    margin : 0;
}
.nav-tabs > li > a {
    border-radius : 0;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    color : #ffffff;
    background : #197faf;
}
.nav-tabs > li > a {
    color : #ffffff;
    background : #999999;
}

.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
    color : #ffffff;
    border : 1px solid transparent;
    background : #888888;
}


.post ul.nav-tabs li:first-child a {
    border-left : none;
}
.post .nav-tabs li {
    margin : 0;
    padding : 0;
    background : none;
}

@media (max-width: 540px) {
    .post .nav-tabs li {
        width : 100%;
        margin : 0;
        padding : 0;
        border : none;
        background : none;
    }
    .post .nav-tabs li.active a {
        border : 1px solid transparent;
    }
    .post .nav-tabs li a:hover {
        border : 1px solid transparent;
        background : #888888;
    }
    .post .nav-tabs li.active a:hover {
        border : 1px solid transparent;
        background : #197faf;
    }
}
.post .tab-content {
    margin : 0 0 40px;
    padding : 15px;
    border : 1px solid #dadada;
    border-top : none;
    background : #ffffff;
}

/* ------------------------------------- 
    Tables styles
------------------------------------- */
.rating-table .box-height {
    min-height : 34px;
}
.rating-table table tr th {
    text-align : center;
}
.rating-table table .sub-title th {
    padding : 10px;
    text-align : left;
    color : #000000;
    background : none;
    background : #dff1ff;
    text-shadow : none;
}

.post .notice {
    font-size : 9px;
    line-height : 10px;
    margin : 0 0 30px;
    padding-top : 3px;
    padding-right : 15px;
    padding-left : 10px;
    color : #3b444d;
}
.tab-bottom-text {
    font-size : 12px;
}

.box.group > div {
    border-bottom : 0px;
}
.box.group .row > div {
    padding : 15px;
}

.text-jectify {
    text-align : justify;
}

.form-box {
    margin : 25px 0 40px;
    padding : 20px;
    background : #ffffff;
}

.input-wrapper {
    display : inline-block;
    width : 67%;
}

.input-wrapper.docs-input-wrapper {
    width : 100%;
}

.selector-name {
    display : block;
    margin : -27px 13px 0 17px;
}
.padding-t-10 {
    padding-top : 10px;
}
.post .bulletarticle2 {
    padding-left : 40px;
}
.post .bulletarticle2 li {
    padding : 0;
    list-style : none;
    list-style-image : url("https://images.top10banques.com/bullet2.gif");
    background-image : none;
}

.sub-heading-text {
    font-size : 13px;
    font-weight : 400;
    line-height : 19px;
    margin-bottom : 20px;
    color : #525252;
}

.rating-table-wrap {
    margin : 0 0 30px;
    padding : 20px;
    background : #ffffff;
}
.rating-table table tr td.rating-star {
    text-align : center;
}

.rating-table table tr td.button-wrap {
    text-align : center;
}
.rating-table table tbody td:first-child {
    background : none!important;
}
.comparatifs .rating-table table .avis {
    font-size : 12px;
    font-weight : normal;
}
.comparatifs .rating-table table td.contrat {
    font-size : 13px;
    font-weight : normal;
}
.tr-wrap,
.tr {
    position : relative;
    padding : 0;
}

.rating-table table tr th.small-th,
.rating-table table tr th.depot,
.rating-table table tr .contrat {
    font-size : 12px;
}
.bourse-en-ligne .nom-livret {
    padding-left : 20px;
    text-align : left;
}


.rating-table table tbody td.last-table-item-link {
    font-size : 12px;
    padding : 10px 10px 8px;
    text-align : center;
    color : #0076ca;
    text-shadow : none;
}

@media (min-width: 0px) and (max-width: 450px) {
    .rating-table table tbody td.nom-livret,
    .rating-table table thead th.nom-livret {
        display : none;
    }
}

@media (min-width: 0px) and (max-width: 1200px) {
    .rating-table table .contrat {
        display : none;
    }
}
@media (min-width: 0px) and (max-width: 600px) {
    .rating-table table tbody th:last-child,
    .rating-table table tbody td:last-child,
    .bourse-en-ligne .rating-table table tbody td:last-child,
    .bourse-en-ligne .rating-table table thead th:last-child,
    .bourse-en-ligne .rating-table table tbody tr:last-child td:last-child,
    .credit-en-ligne .rating-table table thead th:nth-child(5),
    .credit-en-ligne .rating-table table thead th:nth-child(6),
    .credit-en-ligne .rating-table table thead th:nth-child(8),
    .credit-en-ligne .rating-table table tbody td:nth-child(5),
    .credit-en-ligne .rating-table table tbody td:nth-child(6),
    .comparatifs .rating-table table thead th:nth-child(5),
    .comparatifs .rating-table table tbody td:nth-child(5) {
        display : none;
    }
    .comparatifs .rating-table.think table td,
    .meilleure-assurance-vie .rating-table.think table td {
        padding-top : 10px;
        padding-bottom : 10px;
    }
    .rating-table table tbody tr:last-child td:last-child {
        display : table-cell;
    }
    .credit-en-ligne .rating-table table tbody tr:last-child td:last-child,
    .comparatifs .rating-table table tbody tr:last-child td:last-child {
        display : none;
    }
    .credit-en-ligne .rating-table table tbody td.taeg {
        font-size : 12px;
        padding-right : 5px;
        padding-left : 5px;
    }
    .mobile-width {
        padding : 0;
    }
    .rating-table table tbody td:nth-child(2) {
        width : 129px;
    }
    .bourse-en-ligne .nom-livret {
        padding-left : 0px;
        text-align : center;
    }

    .rating-table table tr td .button {
        width : 129px;
        margin : 0 auto;
        text-align : center;
    }
}

@media (min-width: 0px) and (max-width: 400px) {
    .rating-table table tr td .button {
        width : 96px;
        margin : 0 auto;
        text-align : center;
    }
}
@media (min-width: 0px) and (max-width: 550px) {
    .rating-table table tbody td.rating-star {
        font-weight : normal;
        position : relative;
        bottom : 8px;
        left : 0;
        display : inline-table;
        width : 0;
        padding : 0 25px 0 55px;
        border : medium none;
    }

    .rating-table table thead .rating-star {
        display : none;
    }
    .rating-table table tbody .rating-star a {
    position: absolute;
    right: 0;
    bottom: -86px;
    min-width: 159px;
    background: #ecf0f1;
    color: #2c3e50;
    padding: 6px;
    margin: -2px 1px;
    font-weight: bold;
    border-radius: 5px;
    float: right;
    }
	.rating-table table tr td:last-child {
    display: none !important;
	}
    .rating-table table tbody .rating-star span {
        display : none;
    }
    .rating-table table tbody td:first-child {
        width : 40px;
    }
    .rating-table table tr td {
        padding-top : 15px;
        padding-bottom : 45px;
    }

	
    .bourse-en-ligne .rating-table table tr td {
        padding-top : 10px;
        padding-bottom : 10px;
    }
    .bourse-en-ligne .nom-livret img {
        display : none;
    }
    .comparatifs .rating-table table .avis,
    .meilleure-assurance-vie .rating-table table .avis {
        font-size : 12px;
        font-weight : normal;
    }
    .comparatifs .rating-table table .avis img,
    .meilleure-assurance-vie .rating-table table .avis img {
        display : none;
    }
}


@media (min-width: 0px) and (max-width: 400px) {
    .rating-table table tbody td.rating-star {
        padding : 0 0 0 20px!important;
        border : none;
    }
}

@media only screen and (max-width: 991px){
.main-menu ul.nav li a {
	font-size: 11px;
	padding: 7px 5px;
	margin-right: 2px;
}
}


@media only screen and (min-width: 768px) and (max-width: 991){
.navbar-right {
	display: none;
	}
}

@media only screen and (min-width: 991px) and (max-width: 1199px){
.main-menu ul.nav li a {
	font-size: 11px;
	padding: 7px 5px;
	}
}

@media only screen and (min-width:1025px){ 
.dropdown:hover .dropdown-menu {
	display: block; 
	margin-top: 0; 
	} 
} 

.review-form {
	display: table-row;
}
.review-form-titre {
    float: left;
	padding-bottom: 10px;
	padding-right: 0px;
	font-size: 12px;
}

.review-form-stars {
    float: right;
}
#wrapstars .review-form:nth-child(odd) {
    background-color: #f5f5f5;
}

#wrapstars{
overflow: hidden;
}

.pagination-content h4 {
	padding-top: 10px;
}
#top10useful figure  img{
	background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 50%;
    width: 140px;
    height: 140px;
}

.mobileShow {
  display: none;
}

/* full width of parent */
.mobileShow {
	position: fixed;
    bottom: 0;
    width: 100%;
}

/* Smartphone Portrait and Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  .mobileShow  .button-sticky{
    padding: 20px 3%;
	border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    text-transform: uppercase;
    margin: 0 auto;
    width: 100%;
    font-size: 1.000em;
	    text-align: center;
		text-transform: uppercase;
    text-decoration: none;
    vertical-align: middle;
    white-space: normal;
    background-color: #d20073;
	font-family: 'ProximaNova',Arial,Helvetica,sans-serif;
    font-weight: 500;
    line-height: 20px;}
}