@font-face {
	font-family: "Gotham";
	src: url('../fonts/Gotham Medium Regular.ttf');
}

@font-face {
	font-family: "GothamLight";
	src: url('../fonts/Gotham Light Regular.otf') format("opentype");
}

@font-face {
	font-family: "GothamMedium";
	src: url('../fonts/GothamMedium.ttf');
}

@font-face {
	font-family: "GothamBlack";
	src: url('../fonts/Gotham-Black.otf') format("opentype");
}

body {
	font-family: "Gotham", Helvetica, Arial, sans-serif;
}

.titre-vues {
	font-family: "GothamLight", Helvetica, Arial, sans-serif;
	font-size: 40px;
}

a.nav-link {
	color:white;
	font-size:14px;
	
	padding:0px;
	padding-left:22px;
	padding-right:22px;
}

li.nav-item  {
	padding-top:10px; 
	padding-bottom:10px;
}

footer {
	font-family: "GothamLight", Helvetica, Arial, sans-serif;
	font-size: 14px;
}

.box {
	border: 1px solid #8a98a3;
}
.box-titre {
	background-color: #8a98a3;
	color:white;
	font-size: 14px;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 14px;
}

.chemin {
	color:#182953;
	font-family: "GothamLight", Helvetica, Arial, sans-serif;
	font-size: 14px;
}

.designation {
	font-family: "Gotham", Helvetica, Arial, sans-serif;
	font-size:24px;
}

.designation-bis {
	font-family: "Gotham", Helvetica, Arial, sans-serif;
	font-size:14px;
	color:#575757;
}

.reference {
	font-family: "Gotham", Helvetica, Arial, sans-serif;
	font-size:14px;
	color:#00457c;
	margin-top:21px;
	margin-bottom:21px;
}

.description {
	font-family: "Gotham", Helvetica, Arial, sans-serif;
	font-size:11px;
	color:#1d1d1b;
}

.tab-eclatees {
	background-color: #a6a6a6; color:#FFF; font-family:GothamLight; font-size:13px;
}

.row-eclatees {
	background-color: #FFF; color:#000; font-family:Gotham; font-size:13px;
}

h1.login {
	background-color: #9d1624;
	color:#FFF;
	font-family:Gotham; 
	font-size:14px;
	padding: 15px 15px 15px 15px;
}

h1.gris {
	background-color: #a3a3a3;
	color:#FFF;
	font-family:Gotham; 
	font-size:14px;
	padding: 15px 15px 15px 15px;
}

.box-red {
	height: 334px; border: 1px solid #9d1624; margin-bottom:16px;
}

a.btn-mes-coordonnees {
	width: 160px;
	height:135px;
	background:url('../img/btn-mes-coordonnees.jpg') no-repeat bottom;
	display: block;
	text-decoration: none;
}

a.btn-mes-coordonnees:hover {
	background:url('../img/btn-mes-coordonnees-hover.jpg') no-repeat bottom;
}

a.btn-suivi-commandes {
	width: 160px;
	height:135px;
	background:url('../img/btn-suivi-commandes.jpg') no-repeat bottom;
	display: block;
	text-decoration: none;
}

a.btn-suivi-commandes:hover {
	background:url('../img/btn-suivi-commandes-hover.jpg') no-repeat bottom;
}

a.btn-historique-commandes {
	width: 160px;
	height:135px;
	background:url('../img/btn-historique-commandes.jpg') no-repeat bottom;
	display: block;
	text-decoration: none;
}

a.btn-historique-commandes:hover {
	background:url('../img/btn-historique-commandes-hover.jpg') no-repeat bottom;
}

a.btn-sav {
	width: 160px;
	height:135px;
	background:url('../img/btn-sav.jpg') no-repeat bottom;
	display: block;
	text-decoration: none;
}

a.btn-sav:hover {
	background:url('../img/btn-sav-hover.jpg') no-repeat bottom;
}

a.btn-documents-telechargeables {
	width: 160px;
	height:135px;
	background:url('../img/btn-documents-telechargeables.jpg') no-repeat bottom;
	display: block;
	text-decoration: none;
}

a.btn-documents-telechargeables:hover {
	background:url('../img/btn-documents-telechargeables-hover.jpg') no-repeat bottom;
}

a.btn-import-commandes {
	width: 160px;
	height:135px;
	background:url('../img/btn-import-commandes.jpg') no-repeat bottom;
	display: block;
	text-decoration: none;
}

a.btn-import-commandes:hover {
	background:url('../img/btn-import-commandes-hover.jpg') no-repeat bottom;
}

.compte {
	font-family:Gotham; 
	font-size:12px;
	color:#3c3c3b;
}

table.compte {
	border:1px solid #7fa0ba;
	border-collapse: collapse;
}

table.compte td, table.compte th {
    /*border: 1px solid #7fa0ba;*/
    padding: 5px;
    text-align: center;
}

table.compte th {
	background-color: #d9d9d9;
	color: #252c69;
	text-align: center;
	font-size: 12px;
}

table.compte td {
	font-size:13px;
	color:#00457c;
}

.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
	background-color: #cdd8ec;
}

table.compte tr:nth-child(odd){
  background-color:#f2f2f2;
}

.compte-designation, .prix-tarif, .prix-remise {
	background-color: #f3f4f5;
}

.compte-designation {
	width: 50%;
}

.prix-tarif, .prix-remise {
	text-align: right !important;
}

table.total {
	border:1px solid #ffb085;
	border-collapse: collapse;
	font-family:Gotham; 
	font-size:12px;
	color:#00457c;
}

table.total td, table.total th {
    border: 1px solid #ffb085;
    padding: 5px;
    text-align: right;
}

a.mettre-panier {
	background-color: #00457c;
	color:#FFF;
	font-size: 18px;
	font-family:Gotham; 
	text-align: center;
	width: 300px;
	padding-top:14px;
	padding-bottom:14px;
	padding-right:57px;
	padding-left:57px;
	margin-top:20px;
}

.form-control::-webkit-input-placeholder { color: #00457c; }  /* WebKit, Blink, Edge */
.form-control:-moz-placeholder { color: #00457c; }  /* Mozilla Firefox 4 to 18 */
.form-control::-moz-placeholder { color: #00457c; }  /* Mozilla Firefox 19+ */
.form-control:-ms-input-placeholder { color: #00457c; }  /* Internet Explorer 10-11 */
.form-control::-ms-input-placeholder { color: #00457c; }  /* Microsoft Edge */

input {
	border: 1px solid #8d8b8a; color:#00457c;
}

.pagination>li>a, .pagination>li>span {
	color:#666666;
	border: 1px solid #ddd;
	    font-family: "Gotham", Helvetica, Arial, sans-serif;
	    font-size: 12px
}

.box-produit {
	width: 100%; height: 240px; margin-top:12px; border: 1px solid #b5b5b5;
}

.box-produit:hover {
	border: 1px solid #000;
	/*box-shadow: 1px 1px 12px #555;*/
}

.cat-prod-reference {
	font-family: "GothamMedium";
	font-size: 12px; 
	color:#666666; 
	padding-top:9px;
}

a.cat-prod-desc2 {
	font-family: "GothamMedium";
	font-size: 14px; 
	color:#003c71;
}

.cat-prod-desc3 {
	font-family: "GothamLight";
	font-size: 10px; 
	color:#666666;
}