.membre_style .content{padding-left: 190px;padding-top: 50px;    width: 1200px;}
.title-page{line-height:2}
#toggleMenu{display:none}
.fa-newspaper-o:before {    content: "\f1ea";}
.fa-file-movie-o:before, .fa-file-video-o:before {    content: "\f1c8";}
.border-right{#3d4b9a}
.membre_style #nav{border-right: 1px solid #3d4b9a;}
.input-group .form-control{    border: 1px solid #0092b3;}
.logo_espace{      text-align: center;    margin: 0 auto;      margin-top: 25px;    margin-bottom: 50px;}
.logo_espace a{width: 100px;    margin: 0 auto;display: block;}
.logo_espace img{border-radius: 50%;    border: 5px solid #fff;}
.titre_espace{margin-top: 15px;    color: #fff;}
.membre_style #nav.nav-vertical {    width: 145px ;}
.membre_style .nav-primary{background-color:#002F87}
.navbar{background:#002F87!important}
.membre_style #js-menu li span{color:#fff;    font-size: 12px;}
.membre_style .membre-fa:before {    content: "\f007";    font-family: FontAwesome;}
.echec{ border: 2px solid red !important; }
.input-group{color:#fff}
.input-group .titre{color:#000}
.btn.confirm{    background: red;   margin-bottom: 10px;}
select option{#000}
select {    min-width: 40px;height: 35px !important;color: #000 !important;}
.chosen-container-single .chosen-search input[type="text"]{    color: #000;}
.membre_style .navbar{padding-left: 145px;}
  .flipper .form-horizontal .control-label{  text-align: left;    display: block;    padding-left: 25px;  color: #fff;}
    .flipper .front_login img{    width: 80px;}
	 .flipper .form-horizontal {padding-top: 15px;}
	 .flipper:first-child img{    width: 350px;}
  .flipper .form-group {    padding-left: 60px;}
.nav.navbar-avatar>li>a.line39 {    width: 35px;    height: 35px;    text-align: center;    padding: 7px;    border-radius: 50%;    background: #fff;    color: #233445;
    margin: 10px;}
.panel-heading.mgb0 {    padding-bottom: 0;    border: 0;    margin: 0;      padding-top: 2px;    color: #fff;    font-size: 25px;}
.membre_style #nav .fa {    font-size: 15px;    width: 20px;}
.membre_style .panel{background: transparent;border: transparent;}
.bloc{background: #fff;    border: 2px solid #3d4b9a;    margin-top: 40px;    padding: 10px;}
.titre-tab{    margin: 0;    background: #f5f5f5;    padding: 10px 20px 15px;    color: #3d4b9a;}
table{width: 100%;margin-top:15px}
thead {   }
.membre_style table tbody tr{    padding: 9px;    height: 5px;    line-height: 3;    text-align: center; }
.membre_style table tbody tr td{    padding: 5px; border-bottom: 2px solid #3d4b9a;    border-right: 4px solid #fff;}
.membre_style .login-panel{    background: #fff;    padding: 15px;    border: 2px solid #3d4b9a;}
.membre_style .article_input{height:260px}
.membre_style thead th{ text-transform: capitalize;   text-align: center;    padding: 10px;    background: #3d4b9a;    /* margin-left: 5px; */    border: 3px solid #fff;    color: #fff;}
td.aucun_details{padding-top: 15px;}
.bloc footer{    padding: 10px 15px;    background-color: #f5f5f5;    border-top: 1px solid #ddd;    border-bottom-right-radius: 3px;    border-bottom-left-radius: 3px;
}
.membrelion-page .compagnon input{    width: 250px;}
.membrelion-page .col-lg-8  .form-control{    margin: 5px 5px -5px;    width: calc(100% - 30px);}
.membrelion-page .btn {    color: #fff;    background: #0060a7;    position: relative;    border-width: 0;    box-shadow: inset 0 -2px 0 rgb(0 0 0 / 15%);
    font-weight: 600;    padding: 7px 12px;    transition: background .3s ease-in-out 0s;    cursor: pointer;    margin-right: 15px;}
.membrelion-page  .form-group{    text-align: left;}
.membrelion-page .col-lg-3.control-label{    padding-left: 10px;    color: #000;}
.membrelion-page .col-md-12{    padding-left: 35px;    margin-bottom: 20px;}
.membrelion-page .col-right .input-group-addon{padding: 0;}
.membrelion-page .drapeau .col-md-12{padding-left:0}
.col-right img{width: 70px;    padding-top: 5px;}
.drapeau img.image_footer{    text-align: center;
    margin: 0 auto;
    display: block;
    width: 130px;
}
.col-right span{color:#fff}

.tarif{    border: 1px solid;
    display: inline-block;
    padding: 6px 70px 4px;
    margin-top: 5px;}
	
	h1.blue.titre{color:#fff;position:relative;left:0;float: none;   padding-top: 5px; }
.montant_total {text-align: center;    color: #fff;    padding-bottom: 50px;font-size: 20px;}
h1.titre{color:#002F87;float: right;    text-align: center;      padding-top: 80px;    /* margin-left: 18px; */    font-size: 30px;    position: absolute;    top: 0;
    left: 60px;    right: 0;}
.pagination-centered input{max-width: 40px;    text-align: center;    margin: 0 5px;    padding: 0 !important;}
.disable a {    cursor: not-allowed;    opacity: 0.5;}
.pagination1 a {    cursor: pointer;    line-height: 2;}
.nbpage {    color: #3d4b9a;    font-size: 15px;    line-height: 2;    padding: 0 17px;}
.membre_style .ajout-membre{background: #ffff;   padding: 10px;}
.drapeau img{width: 220px;}
.drapeau hr{    border-top: 1px solid #002F87;}

.col-right .compagnon div.blanc{color:#fff;}
.col-right .input-group-addon{padding: 0;color:#fff;
    display: block;
    padding-left: 10px;}
.col-right{background-color:#002F87;}
.membre_style .fa-arrow-left{border:none;height:auto;    width: auto;}
.membre_style .input-group-addon{    background: transparent;    border: none;    line-height: 1.5;}
.double {    margin-right: 10px;}
.input-group .mot_cle{font-size: 11px;    margin-left: 10px;    color: red;}
.membre_style .btn{ font-weight:100}
.membre_style .chosen-container-single .chosen-single{color:#000;border:1px solid #000}
#js-menu{width:100%}
.breadcrumb {    display: inline-block;    width: 100%;}
.breadcrumb li{display: inline-block;    float: left;    padding-right: 15px;color:#818285}
.breadcrumb li span{color:#3C499B;}
.col-right  .chosen  span{color:#000}
.col-right select option{#000}
.col-right .chosen-container span{color:#000}
.col-md-6.drapeau{ margin-bottom: 15px;}
@media (max-width: 1000px){
	.flipper .front_login img {    width: 50px;}
.col-right 	.col-md-6 {width:100%}
	.menu{display:none}
	.flipper:first-child img {    width: 150px;}
	.flipper:last-child{width:calc(100% - 30px);margin:0 auto}
.headerstyle #content {    padding-top: 15px;}
.membre_style #nav.nav-vertical.inline{height:100%}
.membre_style #nav.nav-vertical {    width: 100%;height:165px}
.header {height:auto !important}
.headerstyle #content {    padding-top: 15px;margin-right: 5px;}
.membre_style .content {    padding-left: 0;    padding-top: 0;    width: 100%;}
.reduire {    text-align: right;    padding-left: 20px;    color: #fff;    cursor: pointer;    line-height: 2.5;    float: left;    position: relative;
    z-index: 9999;}
	#nav .fa {display:inline-block !important; margin-right:10px !important}
	.membre_style .navbar {    padding-left: 0;}
	#nav.nav-vertical.inline .nav-menu #js-menu{display:block}
.reduire:before {
    content: "\f100";
    font-family: FontAwesome;
    font-size: 19px;
}
}