body {

    font-family: Arial, Helvetica, sans-serif;

    font-size: 13px;

    line-height: 15pt;

    color: #535353;

	background-color: #F9F9F9;

}

header,footer {

	background-color: #FFF;

}

header .navbar-brand {

	padding: 15px 0;

}

header .navbar-brand span {

	font-size: 0;

}

header .navbar-nav {

	width: auto;

	margin: 32px 0 0 auto;

}

header .navbar-dark .navbar-nav .nav-link {

	font-size: 12px;

	font-weight: 700;

	color: #535353;

	text-transform: uppercase;

}

header .navbar-dark .navbar-nav .nav-link:hover {

	color: #006699;

}

.bandeau{

	padding: 15px;
    
}

.arrondie {
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
}

.row {

	padding: 0px;
    
}

.table tr:hover,

#liste-commandes .card-header:hover {

	cursor: pointer;

}


#ssmenuES .navbar-nav {

	width: auto;

}

#ssmenuES .nav-item {

	margin: 10px 0;

	padding: 0 15px;

	border-right: solid 1px rgba(0,0,0,.15);

}

#ssmenuES .nav-item .nav-link {

	font-size: 12px;

	font-weight: 700;

	color: #555;

	text-transform: uppercase;

	padding: 0;

}

section {

	padding: 40px 0;

}

#accueil section .card {

	width: 70%;

	margin: auto;
    
    background-color: #ffffff;

}

#accueil section .card input {

	width:	50%;

	margin: auto;

	text-align: center;

}

#accueil section .card ::-webkit-input-placeholder {

   text-align: center;

}

#accueil section .card :-moz-placeholder {

   text-align: center;  

}

#accueil section .card ::-moz-placeholder {

   text-align: center;  

}

#accueil section .card :-ms-input-placeholder {  

   text-align: center; 

}



#liste-equipements section h1,

#fiche-client section h1,

#liste-commandes section h1,

#demande-sav section h1,

#telechargez-documents section h1,

#recherche section h1 {

	font: bold 22px Arial, sans-serif;

	text-transform: uppercase;

	color: #006699;

	margin: 0;

}

#liste-equipements section h1 + .row,

#fiche-client section h1 + .row,

#liste-commandes section h1 + .row {

	margin-bottom: 15px;

}

#recherche section h1 + .row {

	margin-top: 25px;

}

#liste-equipements section .nav-tabs .nav-item {

	width: calc(100% / 28);

	text-align: center;

}

#liste-equipements section .nav-tabs .nav-item:first-child {

	width: calc(100% / 14);

}

#liste-equipements section .nav-tabs .nav-link {

	padding: .5rem 0;

	color: #666;

}

#liste-equipements section .nav-tabs .nav-link.active {

	color: #222;

}

#liste-equipements section .nav-tabs + div {

	background-color: #FFF;

	border-bottom-left-radius: 8px;

	border-bottom-right-radius: 8px;

	padding: 15px 15px 0;

	border-width: 1.5px;

    border-style: solid;

    -webkit-border-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dee2e6 ), to(rgba(222, 226, 230, 0))) 1 100%;

    -webkit-border-image: -webkit-linear-gradient(#dee2e6, rgba(222, 226, 230, 0)) 1 100%;

    -moz-border-image: -moz-linear-gradient(#dee2e6, rgba(222, 226, 230, 0)) 1 100%;    

    -o-border-image: -o-linear-gradient(#dee2e6, rgba(222, 226, 230, 0)) 1 100%;

    border-image: linear-gradient(to bottom, #dee2e6, rgba(222, 226, 230, 0)) 1 100%;

}

#liste-equipements section .manip a,

#fiche-client section .manip a,

#liste-commandes section .manip a,

#recherche section .manip a,

#liste-equipements section .manip button,

#fiche-client section .manip button,

#liste-commandes section .manip button,

#recherche section .manip button {

	width: 50px;

	height: 50px;

	line-height: 50px;

	border-radius: 50%;

	background-color: #FFF;

	font-size: 30px;

	display: inline-block;

	text-align: center;

	margin-bottom: 15px;

	color: #666;

	border: none;

}

#liste-equipements section .manip a:hover,

#fiche-client section .manip a:hover,

#liste-commandes section .manip a:hover,

#recherche section .manip a:hover,

#liste-equipements section .manip button:hover,

#fiche-client section .manip button:hover,

#liste-commandes section .manip button:hover,

#recherche section .manip button:hover {

	color: #FFF;

	background-color: #006699;

}

#fiche-client section .form-inline {

	vertical-align: top;

	margin-top: 15px;

}

#fiche-client section .form-inline .form-control {

	width: 75%;

	text-transform: capitalize;

}

#fiche-client section .manip + .row {

	margin-top: 35px;

	background-color: #FFF;

	padding: 25px 25px 0;

	border: solid 1px #dee2e6;

	border-bottom: none;

	border-top-left-radius: 8px;

	border-top-right-radius: 8px;

}

#fiche-client section .manip + .row h2,

#fiche-client section hr + .row h2 {

	font: bold 16px Arial, sans-serif;

	color: #006699;

	margin: 0 0 6px;

	padding-top: 10px;

}

#fiche-client section .manip + .row .col {

	border-right: solid 1px #eaebec;

	text-align: center;

}

#fiche-client section .manip + .row .col:last-child {

	border: none;

}

#fiche-client section .manip + .row .col p {

	margin: 0 0 10px;

}

#fiche-client section .row + .text-center {

	background-color: #FFF;

	padding: 25px;

	border: solid 1px #dee2e6;

	border-top: none;

	border-bottom-left-radius: 8px;

	border-bottom-right-radius: 8px;

	margin: 0 -15px

}

#fiche-client section hr + .row,

#recherche section .manip + div {

	background-color: #FFF;

	padding: 25px;

	border: solid 1px #dee2e6;

	border-radius: 8px;

}

#fiche-client section hr + .row h2 {

	margin: 0 0 15px;

	padding-top: 0;

}

#fiche-client .retour {

	text-transform: none;

	color: #666;

}

#liste-commandes section .manip + div,

#demande-sav section h1 + .row {

	background-color: #FFF;

	padding: 25px;

	border: solid 1px #dee2e6;

	border-radius: 8px;

	margin: 0 -15px

}

#demande-sav section h1 + .row {

	margin-top: 35px;

}

#demande-sav section textarea {

	height: 128px;

}

#demande-sav section select {

	max-width: 50%

}

#telechargez-documents section h1 + .row {

	margin-top: 35px;

}

#telechargez-documents section h2 {

	font: bold 16px Arial, sans-serif;

	color: #666;

	margin: 0;

}

#telechargez-documents section .card a {

	color: #333;

}

#telechargez-documents section .col-lg-9 {

	background-color: #FFF;

	padding: 25px;

	border: solid 1px #dee2e6;

	border-radius: 8px;

}

#telechargez-documents section .col-lg-9 .row a {

	display: table;

	text-decoration: none;

	color: #333;

}

#telechargez-documents section .col-lg-9 .row a:hover {

	color: #999;

}

#telechargez-documents section .col-lg-9 .figure {

	height: 150px;

	width: 150px;

	line-height: 150px;

	position: relative;

	margin: 0;

	padding: 0;

	overflow: hidden;

	text-align: center;

	display: table-cell;

}

#telechargez-documents section .col-lg-9 .figure img {

	max-height: 150px;

	max-width: 150px;

	vertical-align: middle;

	border: solid 1px #dee2e6;

}

#telechargez-documents section .col-lg-9 .figure + .desc_actu {

	display: table-cell;

	vertical-align: middle;

	padding-left: 15px;

}

#telechargez-documents section .col-lg-9 .figure + .desc_actu p {

	margin-bottom: 0;

	text-align: justify;

}

#recherche section h1 + div {

	margin-top: 25px;

}

#recherche section h1 + div form p {

	position: relative;

	width: 100%;

}

#recherche section h1 + div form p span {

	display: inline-block;

	width: 40%;

}

#recherche section h1 + div form p small {

	display: inline-block;

	margin-top: -10px;

}

#liste-commandes #accordion div.row:not(.card-header) {

	background-color: #e9ecef;

	color: #999;

	padding: .75rem 1.25rem;

}

#liste-commandes #accordion div.row:not(.card-header) .col {

	border-right: 1px solid #dee2e6;

}

#liste-commandes #accordion div.row .col:last-child {

	border: none;

}

#liste-commandes #accordion div.row,

#liste-commandes #accordion a.row {

	margin-right: 0;

	margin-left: 0;

}

#liste-commandes #accordion a.row {

	border-top: solid 1px #e1e2e3;

	color: #333;

	text-decoration: none;

}

#liste-commandes #accordion a.row:hover .col {

	background-color: #f1f2f3;

}

#liste-commandes #accordion a.row[aria-expanded="true"] .col {

	background-color: #202020;

	color: #FFF;

}

#liste-commandes #accordion span.col {

	padding: 0;

}

#liste-commandes #accordion a.row + div .table .thead-light th {

    color: #666;

    background-color: #f1f2f3;

    border-color: #f5f6f7;

}

#liste-commandes #accordion .card-body div.tableoverflow {

	height: 494px;

	overflow-y: auto;

}

#liste-commandes #accordion .card-body .table {

	margin-bottom: 0;

}

#liste-commandes #accordion .card {

	margin-top: 10px;

}

.pagination {

	margin: 15px auto 0;

	display: inline-flex;

}

.pagination a {

	color: #000;

	text-decoration: none;

}

.pagination a:hover {

	color: #666;

}



footer {

	padding: 25px 0 15px;
    
    color: #535353;

}

footer h3 {

	color: #535353;

	font-size: 14px;

	font-weight: bold;

	margin-bottom: 12px;

}

footer ul.row {

	width: calc(100% + 30px);

	margin: 0 -15px;

}

footer li.col-md-3 {

	flex: 0 0 23.5%;

    max-width: 23.5%;

	width: 23.5%;

	margin-right: 2%;

}

footer li.col-md-3:last-child {

	margin-right: 0;

}

footer li ul li a,

footer li ul li a:hover {

	color: #006699;

}

footer li ul li a {

	padding: 6px 0;

	border-bottom: solid 0px #000;

	display: block;

}

footer h3 + p {

	color: #FFF;

	font-size: 12px;

}

footer h3 + p a {

	display: block;

	color: #fec960;

	margin-bottom: 6px;

}

footer h3 + p a:hover {

	color: #FFF;

}

footer .container + div {

	margin-top: 25px;

	padding-top: 25px;

	font-size: 10px;

	color: #535353;

}

footer .container + div a {

	color: #535353;

}

footer .container + div a:hover {

	color: #006699;

}

footer .container + div a .fa {

	font-size: 18px;

}



.dropdown-submenu.dropright .dropdown-menu {

  margin-left: 1px;

}



.dropdown-submenu.dropleft .dropdown-menu {

  margin-right: 1px;

}



[x-placement^="bottom-"] .dropdown-submenu .dropdown-menu,

.navbar .dropdown-submenu .dropdown-menu {

  bottom: auto;

  margin-top: calc(-0.5rem - 1px);

}



[x-placement^="top-"] .dropdown-submenu .dropdown-menu {

  top: auto;

  bottom: 0;

  margin-bottom: calc(-0.5rem - 1px);

}



.dropdown-submenu.dropright > .dropdown-toggle {

  display: flex;

  justify-content: space-between;

  align-items: center;

}



.dropdown-submenu.dropright > .dropdown-toggle::after {

  margin-right: -12px;

}





@media (max-width: 767px) {

	header.container-fluid,

	header.container-fluid .container {

		margin: 0;

		padding: 0;

	}

	header .navbar-brand img {

		height: 55px;

	}

	header .navbar-nav {

		margin-top: 0;

		padding: 0;

	}

	header .navbar-nav .nav-link {

		text-align: right;

	}

	section {

		padding: 40px 0;

	}

	#accueil section .card {

		width: 80%;

		margin: 0 10%;

	}

	#liste-equipements .col-xs-12 .text-right {

		text-align: left!important;

	}

	#liste-equipements .table-responsive th,

	#liste-equipements .table-responsive td,

	#fiche-client .table-responsive th,

	#fiche-client .table-responsive td,

	#liste-commandes .table-responsive th,

	#liste-commandes .table-responsive td,

	#recherche .table-responsive th,

	#recherche .table-responsive td,

	#liste-commandes #accordion span.col {

		white-space: nowrap;

	}

	#liste-equipements .hidden-xs-down {

		display: none;

		visibility: hidden;

	}

	#fiche-client section .form-inline label {

		width: 25%;

	}

	#fiche-client section .form-check {

		margin: 10px 0 25px;

	}

	#fiche-client section .manip + .row {

		padding: 15px 15px 0;

		margin-right: 0;

		margin-left: 0;

	}

	#fiche-client section .row + .text-center {

		padding: 0 15px 15px;

		margin: 0;
        

	}

	#fiche-client section hr + .row {

		padding: 15px;

		margin-right: 0;

		margin-left: 0;

	}

	#demande-sav section select {

		max-width: 100%

	}

	#liste-commandes section .col-md-6 .text-right {

		text-align: left!important;

	}

	#liste-commandes section .manip + div,

	#demande-sav section h1 + .row {

		padding: 10px;

		margin: 0;

	}

	#telechargez-documents section .col-lg-9 {

		padding: 10px;

		margin: 15px 15px 0;

	}

	#telechargez-documents section .col-lg-9 .row {

		margin-left: 0;

		margin-right: 0;

		display: block;

	}

	#telechargez-documents section .col-lg-9 .figure {

		margin-left: calc((100% - 150px) / 2);

		margin-right: calc((100% - 150px) / 2);

		margin-bottom: 15px;

		display: inline-block;

	}

	#telechargez-documents section .col-lg-9 .figure + p {

		text-align: justify;

	}

	#ssmenuES .dropdown .dropdown-toggle,

	#ssmenuES .dropdown .dropdown-menu	{

		margin-left: 0

	}

	#ssmenuES .dropdown .dropdown-menu {

		margin-left: 0;

		width: 56%;

	}

	#ssmenuES .nav-item {

		margin: 15px 0 5px;

		padding: 0;

		border: none;

	}

	#ssmenuES .nav-item .nav-link {

		display: initial;

		color: #888;

	}

	#ssmenuES .nav-item.active .nav-link {

		color: #000;

	}

	.navbar-nav .dropdown-menu {

		position: absolute;

		float: left;

		top: -10px;

		left: 40%;

	}

	footer li[class^="col"] {

		margin-top: 20px;

	}

	footer li[class^="col"]:first-child {

		margin-top: 0;

	}

	#recherche section h1 + div form p {

		text-align: center;

	}

	#recherche section h1 + div form p span {

		display: block;

		width: 100%;

	}

	#recherche div form .form-control {

		display: inline-block;

		width: calc(100% - 60px);

	}

	#recherche div form:last-child .form-control {

		display: inline-block;

		width: calc(50% - 30px);

	}

	#recherche div form button {

		vertical-align: top;

	}

	#fiche-client section hr + .row,

	#recherche section .manip + div {

		padding: 10px;

	}

	#liste-commandes #accordion {

		display: block;

		width: 100%;

		overflow-x: auto;

		-webkit-overflow-scrolling: touch;

		-ms-overflow-style: -ms-autohiding-scrollbar;

	}

	#liste-commandes #accordion .row {

		flex-wrap: nowrap;

	}

	#liste-commandes #accordion div.row:not(.card-header) {

		display: -webkit-inline-box;

		margin-right: 10px;

	}

	#liste-commandes #accordion span.col {

		padding: 0 10px;

		    float: left;

			display: inline-block;

			width: auto;

			flex-basis: initial;

			flex-grow: initial;

			max-width: none;

			min-width: 150px;

	}

	#liste-commandes #accordion .card,

	#liste-commandes #accordion .card .table-responsive	{

		display: table;

	}

	#telechargez-documents section .col-lg-9 .row a {

		display: block;

	}

	#telechargez-documents section .col-lg-9 .figure {

		height: 200px;

		width: 200px;

		line-height: 200px;

		text-align: center;

		margin-left: calc((100% - 200px) / 2);

		margin-right: calc((100% - 200px) / 2);

	}

	#telechargez-documents section .col-lg-9 .figure img {

		max-height: 200px;

		max-width: 200px;

	}

}

@media (min-width: 768px) and (max-width: 991px) {

	header .navbar-nav {

		margin-top: 0;

		padding: 0;

	}

	header .navbar-nav .nav-link {

		text-align: right;

	}

	section {

		padding: 40px 0!important;

	}

	#accueil section .card {

		width: 50%;

		margin: 0 25%;

	}

	#liste-equipements .col-xs-12 .text-right {

		text-align: left!important;

	}

	#fiche-client section .form-inline .form-control {

		width: 70%;

	}

	.table-responsive {

		display: table;

	}

	#demande-sav section select {

		max-width: 75%

	}

	#ssmenuES .dropdown .dropdown-toggle,

	#ssmenuES .dropdown .dropdown-menu	{

		margin-left: 0

	}

	#ssmenuES .dropdown .dropdown-menu {

		margin-left: 0;

		width: 50%;

	}

	#ssmenuES .nav-item {

		margin: 15px 0 5px;

		padding: 0;

		border: none;

	}

	#ssmenuES .nav-item .nav-link {

		display: initial;

		color: #888;

	}

	#ssmenuES .nav-item.active .nav-link {

		color: #000;

	}

	.navbar-nav .dropdown-menu {

		position: absolute;

		float: left;

		top: -10px;

		left: 20%

	}

	#recherche .form-inline .form-control,

	#recherche .form-inline .btn	{

		vertical-align: top

	}

}

@media (min-width: 992px) {

	.table-responsive {

		display: table;

	}

}