@import './couleur.css';
.nopadnomarg {
    margin: 0;
    padding: 0;
}
.limit_width {
    padding: 5px 15px;
    text-align: center;
    width: inherit;
}

/* menu gauche */
.list-group {
    border-radius: 0;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
}
.list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.list-group-item:last-child {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.mycompt li{
	font-size:18px;
	text-transform:uppercase;
	background-color:#515151;
	color: #FFF;
}
.menumycompt li{
	font-size:15px;
	text-transform:uppercase;
	background-color:#FFF;
	color: #1d67a4;
	font-weight:bold;
}
.menumycompt li.activecompte, .menumycompt li.activecompte a,
.menumycompt li:hover, .menumycompt li:hover a{
	background-color:var(--textsec-color);
	color: var(--bgcolor-partial)
}
.menumycompt li.deconect, .menumycompt li.deconect a{
	background-color:#c9c9c9;
	color: #555555;
}


h2.compteh2{
	font-size:22px;
	font-weight:bold;
	padding:0 0 13px 0;
	border-bottom:1px solid #d3d3d3;
	text-transform:uppercase;
}
h3.compteh3{
	font-size:18px;
	padding:0 0 7px 0;
	border-bottom:1px solid #d3d3d3;
	text-transform:uppercase;
}

select{width:100%;}
#mysolde{
	font-size:20px;
	font-weight:bold;
	text-align:center;
	color:#1d67a4;
	height:45px;
}














/* accordeon */
#accordion .glyphicon{
	float:right;
}
.helpbt{
	width: 23px;
	height: 23px;
	border:1px solid #c3c3c3;
	color:#909090;
	display: inline-block;
	border-radius:50%;
	text-align:center;
	padding-top:2px;
	font-weight:bold;
}
.panel {box-shadow: 0 0px 0px rgba(0, 0, 0, 0);}
.panel-default{border:none;}
.panel-default > .panel-heading {
    background-image: none;
    background-color: #FFF;
	border:1px solid #e8e8e8;
	border-radius:0;
    color: var(--textsec-color);
    padding: 10px 15px;
	text-align:center;
	text-transform:uppercase;
}
.panel-collapse{padding: 10px 0;}
.panel-body {border: none!important;}
.panel .mydefaultbt{float:right;}


#collapseOne input{ margin-right:10px;}
#collapseOne p{font-style:italic; font-weight:300;}


textarea::placeholder, input::placeholder {
	font-weight:300;
	font-size:14px;
	font-style:italic;
}
.borderp{
	border:1px solid #dddddd;
	padding:5px;
}
.borderpact{border:1px solid #003e7a;}

/* end accordeon */








/* tableau like recap */
.panel-body { padding: 0;}


.tablerecap{
	/* max-width:700px; */
	border-collapse:separate;
	border-spacing: 2px 0;
	border:none;
	font-size:15px;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    vertical-align: middle;
	border:none;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 7px 8px;
}

.tdcenter{text-align:center;}
.tablerecap td{	padding:10px 20px; vertical-align:middle;}
.bggrey{ background-color:#d2d2d2; color:#808080; font-weight:bold;}
td.tdcolspan{border:1px solid #d2d2d2!important;color:var(--textsec-color-3); padding:5px 14px!important;}
.tablerecap td.tdsep{background-color:#d2d2d2; padding:0; height:4px;}

.nopadnomarg{
	padding:0;
	margin:0;
}
.list-group {
    border-radius: 0;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
}
.list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.list-group-item:last-child {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 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: normal;
}

.tablecellblock{font-size:13px;}
.tablecellblock span{color:#2165a6;}


td.totalcol{
	width:113px;
	max-width:113px;
	text-align:left;

}
td.imgcartetd, td.imgcarte2td{
	width:90px;
	max-width:90px;
	margin:0 auto;
}
.imgcartetd img{max-width:90px;}
.imgcarte2td img{max-width:75px;}

.btplus{
	font-size:35px;
	color:#2165a6;
	padding:0!important;

}
td.imgcarte2td{
	font-size:35px;
	color:#2165a6;
}


.total{	font-size:14px;}
.total span{font-size:12px;}
.tttotal{font-size:16px; text-align:center; color:#2165a6;	}
.nobrdtop{border-top:0!important;}



.tablecellblock1{width:400px;}
.tablecellblock2{width:180px;}

td hr {
    border-width: 1px 0 0;
    margin-bottom: 2px;
    margin-top: 2px;
}

/* end tableau like recap */







































@media (max-width: 1199px) {
	ul.fivestep li{font-size:15px;}
}
@media (max-width: 1049px) {}
@media (max-width: 992px) {
	ul.fivestep li, ul.fivestep li.activestep { display:block; width:100%; background-image:none;}
	select{margin-bottom:20px;}

	.tablecellblock1{width:270px;}
	.tablecellblock2 { width:130px;}
	.tablecellblock2 td{ display:block; text-align:center;}

}
@media (max-width: 767px) {
	.well, .jumbotron{margin-top:30px;}
	.tablecellblock td{ display:block;}


}
@media (max-width: 550px) {
	.tablerecap td{display:block;}
	.tablerecap .hide467px{display:none;}
	.tdcolspan{margin-top:50px;}

.tablecellblock1{width:100%;}
.tablecellblock2{width:100%;}
.totalcol{ margin:0 auto; text-align:center!important;}


	}