.forme, #contenu, #contenu-footer, #menu ul, #connexion-top, #news, .partenaire-header, .infos {
	margin: 0px auto;
	width: 1033px;
}
footer {width:100%;background: #e6e6e6;}

h2 {
	color: #727070;
}

h3 {
	color: #727070;
}

body {
	/*background-image: url('../image/footer.png'), url('../image/background.jpg');
    background-position: bottom center, top center;
	background-repeat: no-repeat, repeat;*/
	padding: 0;
    margin: 0;
	font: normal 100%/1.4 "Average Sans", "Helvetica", "Arial", sans-serif;
	color: #727070;
}

header {
	height: 114px;
	border-bottom: 1px solid #e6e6e6;
}

#news {
	height: 75px;
}

.logo, .news-slider, .contenu-infos {
	display: block;
	position: absolute;
}

.logo {
	padding-left: 40px;
}

.contenu-infos {
	padding: 5px;
	margin-left: 265px;
	font-size: 14px;
	min-width: 747px;
	border-radius: 0 0 5px 5px;
	background: rgba(255, 255, 255, 0.47);
	height: 23px;
	margin-top: 60px;
	text-align: right;
}

.deconnexion {background-color: #6c757d !important; border: solid 1px #6c757d !important;}

.contenu-infos input {
	background: #2aa645;
	border-radius: 5px;
	padding: 3px 9px;
	border: solid 1px #2aa645;
	color:#ffffff;
}

.infos a {
	text-decoration: none;
	color: black;
}

#news::before {
	content: url('../image/news.png');
	padding: 0 10px;
	float: left;
}

.slider-news {
	vertical-align: top;
	width: 720px;
	padding-left: 15px;
}

.sliderkit-panel p {
	margin: 0;
	line-height: 15px;
	color: #205094;
}

.titre-news {
	text-decoration: underline;
	font-weight: bold;
	text-transform: uppercase;
}

#Contenu {
	/*background: rgba(235, 243, 248, 0.5);*/
	margin-top: 3px;
	}

#contenu-gauche {
	padding: 10px;
}	

.presentation {
	margin-bottom: 25px;
}

.texte-accueil {
	float: right;
	width: 400px;
	font-size: 14px;
}


#contenu-gauche, #col-droite {
	display: inline-block;
}

#contenu-gauche {
	width: 730px;
}

#col-droite {
	vertical-align: top;
	width: 270px;
}

#menu {
	z-index: 1000;
}

#menu ul {
	display: flex;
	list-style: none;
	padding: 80px 50px 50px 50px;
}

#menu ul li {
	font-family: 'Exo', sans-serif;
	font-weight: 800;
	text-align: center;
	text-transform: uppercase;
	width: 110px;
	height: 130px;
	padding: 5px;
	line-height: 14px;
}

#menu a {
	display: block;
	color: black;
	text-decoration: none;
	width: 110px;
	height: 130px;
	}

#menu span {
	line-height: 10px;
	font-size: 11px;
	font-family: 'Exo', sans-serif;
	font-weight: 400;
	text-transform: lowercase;
	color: black;
}

.accueil {
	padding-left: 275px !important;
	transition: 0.3s all;
}

.accueil:hover {
	color: #0056a8;
	transition: 0.3s all;
}

.accueil:hover span {
	color: black;
}

.agence {
	transition: 0.3s all;
}

.agence:hover {
	color: #0056a8;
	transition: 0.3s all;
}

.agence:hover span {
	color: black;
}

.pieces-detachees {
	transition: 0.3s all;
}

.pieces-detachees:hover {
	color: #0056a8;
	transition: 0.3s all;
}

.pieces-detachees:hover span {
	color: black;
}

.vente {
	transition: 0.3s all;
}

.vente:hover {
	color: #0056a8;
	transition: 0.3s all;
}

.vente:hover span {
	color: black;
}

.services {
	transition: 0.3s all;
}

.services:hover {
	color: #0056a8;
	transition: 0.3s all;
}

.services:hover span {
	color: black;
}

.contact {
	transition: 0.3s all;
}

.contact:hover {
	color: #0056a8;
	transition: 0.3s all;
}

a.sprite-contact:active {
	color: #0056a8 !important;
}

.contact:hover span {
	color: black;
}

.sprite-pieces-detachees, .sprite-vente, .sprite-services, .sprite-contact, .sprite-accueil, .sprite-agence {
	position: absolute;
	display: block;
	transition: 0.2s all;
}
/*
.sprite-accueil {
	background: url('../image/sprites-boutons.png');
	background-position: right top;
}

.sprite-accueil:hover {
	transition: 0.2s all;
	background: url('../image/sprites-boutons.png');
	background-position: left top;
}
*/
.sprite-agence {
	background: url('../image/sprites-boutons.png');
	background-position: right top;
}

.sprite-agence:hover {
	transition: 0.2s all;
	background: url('../image/sprites-boutons.png');
	background-position: left top;
}

.sprite-pieces-detachees {
	background: url('../image/sprites-boutons.png');
	background-position: right 25%;
}

.sprite-pieces-detachees:hover {
	transition: 0.2s all;
	background: url('../image/sprites-boutons.png');
	background-position: left 25%;
}


.sprite-vente {
	background: url('../image/sprites-boutons.png');
	background-position: right 50%;
}

.sprite-vente:hover {
	transition: 0.2s all;
	background: url('../image/sprites-boutons.png');
	background-position: left 50%;
}


.sprite-services {
	background: url('../image/sprites-boutons.png');
	background-position: right 75%;
}

.sprite-services:hover {
	transition: 0.2s all;
	background: url('../image/sprites-boutons.png');
	background-position: left 75%;
}


.sprite-contact {
	background: url('../image/sprites-boutons.png');
	background-position: right bottom;
}

.sprite-contact:hover {
	transition: 0.2s all;
	background: url('../image/sprites-boutons.png');
	background-position: left bottom;
}
/*.sliderkit-panels-wrapper {
	font-size: 14px;
}*/
.sliderkit-panels-wrapper{
position: absolute !important; 
width: 650px;
}
#col-droite h2{
	height: 25px;
	margin: 0;
	padding: 33px 0px 15px 8px;
	text-transform: uppercase;
	border-bottom: solid 2px #2aa645;
	border-radius: 5px 5px 0 0;
	font-size: 16px;
	font-weight: 400;
	background: -moz-linear-gradient(45deg,  rgba(255,255,255,1) 0%, rgba(190,216,228,0.69) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(190,216,228,0.69))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(45deg,  rgba(255,255,255,1) 0%,rgba(190,216,228,0.69) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(45deg,  rgba(255,255,255,1) 0%,rgba(190,216,228,0.69) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(45deg,  rgba(255,255,255,1) 0%,rgba(190,216,228,0.69) 100%); /* IE10+ */
	background: linear-gradient(45deg,  rgba(255,255,255,1) 0%,rgba(190,216,228,0.69) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b0bed8e4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

#demande-devis, #machines-occasions, #agence , #connexion {
	border: solid 1px #2aa645;
	border-radius:  5px;
	margin-bottom: 15px;
}

#demande-devis a {
	text-decoration: none;
	color: #ffffff;
}

#demande-devis li  {
	color: white;
	list-style-type: decimal;
}

#demande-devis h2::before {
	content: '';
	display: block;
	background: url('../image/sprites-blocs.png');
	background-position: left 1%;
	height: 41px;
	width: 73px;
	float: left;
}


#machines-occasions h2::before {
	content: '';
	display: block;
	background: url('../image/sprites-blocs.png');
	background-position: left 45%%;
	height: 41px;
	width: 73px;
	float: left;
}


#agence h2::before {
	content: '';
	display: block;
	background: url('../image/sprites-blocs.png');
	background-position: left 90%;
	height: 41px;
	width: 73px;
	float: left;
}

#demande-devis table{
	width: 270px;
	font-size: 11px;
	color: white;
	padding: 5px;
	margin-top: 10px;
}
	
.validation-panier a {
	font-size: 12px;
	background: #2aa645;
	color: black;
	text-align: center;
	border-radius: 3px;
	padding: 5px;
}

.validation-panier caption {
	text-decoration: underline;
}

.validation-panier {
	margin: 15px;
	text-align: right;
}

#demande-devis {
	background: #2aa645;
}

#machines-occasions, #agence, #connexion {
	background: #2aa645;
}

#demande-devis .devis-vide {
	padding: 10px;
	font-size: 11px;
	line-height: 13px;
	color: white;
	text-align: center;
}

p.orange {
	background: #ff7c00;
	margin: 0;
	padding: 5px;
	color: white;
	font-size: 13px;
}

p.black {
	background: rgba(0, 0, 0, 0.5);
	margin: 0;
	padding: 5px;
	color: white;
	text-align: center;
	font-size: 16px;
	
}

#connexion  p {
	color: white;
	padding: 5px;
	font-size: 12px;
	text-align: right;
	margin: 2px;
}

p.contenu-agence {
	background: url('../image/agence-france.png') no-repeat;
	font-size: 12px;
	color: white;
	padding: 25px 0 0 130px;
	line-height: 13px;
	height: 100px;
}
p.prg-btn {
	text-align: center;	
	padding: 5px 0;
}

p.prg-btn img {
	padding-right: 5px;
}

#contenu-footer {
	background: #e6e6e6;
	padding:10px;
	color:#727070;
	font-size:1.2em;
}

ul.list-1 {
	margin-top: 0;
	display: flex;
	font-size: 14px;
	width: 1033px;
	list-style: none;	
}

ul.list-2 {
	margin-top: 10px;
}

ul.list-1 li {
	text-transform: capitalize;
	width: 31%;
	color: white;
	font-size: 30px;
	padding: 10px;
	line-height: 50px;
}

ul.list-1 p {
	text-transform: none;
	font-size: 13px;
	padding: 0;
	line-height: normal;
}

ul.list-1 span  {
	font-size: 11px;
}

ul.list-1 a {
	text-decoration: none;
	color: white;
}

ul.list-1 a:hover {
	color: yellow;
}

ul.list-1 li:nth-child(2n+3):before, ul.list-1 li:first-child:before, ul.list-1 li:last-child:before  {
	content: '';
	display: block;
	background-position: left 1%;
	height: 47px;
	width: 48px;
	float: left;
	padding-right: 5px;
}

ul.list-1 li:nth-child(2n+3):before {
	background: url('../image/picto-services-footer.png') no-repeat;
}

ul.list-1 li:first-child:before {
	background: url('../image/picto-anated-footer.png') no-repeat;
}

ul.list-1 li:last-child:before {
	background: url('../image/picto-contact-footer.png') no-repeat;
}

.btn_droite {
	background: rgb(0,86,168); /* Old browsers */
	background: -moz-linear-gradient(45deg,  rgba(0,86,168,1) 0%, rgba(0,50,98,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(0,86,168,1)), color-stop(100%,rgba(0,50,98,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(45deg,  rgba(0,86,168,1) 0%,rgba(0,50,98,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(45deg,  rgba(0,86,168,1) 0%,rgba(0,50,98,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(45deg,  rgba(0,86,168,1) 0%,rgba(0,50,98,1) 100%); /* IE10+ */
	background: linear-gradient(45deg,  rgba(0,86,168,1) 0%,rgba(0,50,98,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0056a8', endColorstr='#003262',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	border: solid 2px #fef400;
	border-radius: 10px;
	color: #fef400;
	padding: 10px;
	font-size: 25px;
	text-transform: capitalize;
	text-decoration: none;
	transition: all 0.5s;
}

.btn_droite:hover {
	color: white;
	box-shadow: black 0px 0px 10px;
	transition: all 0.5s;
	border-color: white;
	}
	
span.titre-dr {
	font-size: 20px;
	color: white;
	text-decoration: underline;
}

.pieces-accueil {
	display: table-cell;
	width: 340px;
	height: 270px;
	vertical-align: bottom;
	background: url('../image/connexion-pieces.png') no-repeat;
}

.partenaires {
	display: table-cell;
	width: 100%;
	height: 270px;
	padding: 41px 5px 5px 5px;
	text-align: center;
}

a.lien-pieces {
	padding-left: 40px;
	color: black;
}

.services-accueil {
	padding-top: 30px;
	width: 100%;
	display: block;
}

.services-accueil img {
	padding: 5px;
	border: solid #0052a4 1px;
	opacity: 0.8;
	transition: 0.3s all;
}

.services-accueil img:hover {
	opacity: 1;
	transition: 0.3s all;
}

.clients {
	margin-top: 30px;
	padding: 0 10px 0 10px;
	border-left: solid #0052a4 3px;
	font-size: 14px;
	line-height: 14px;
}

.clients p {
	padding-left: 10px;
	margin-top: 5px;
}

.clients h2 {
	color: #0052a4;
}

.clients h3 {
	color: #3196CA;
	margin-bottom: 5px;
}

.audit img, .transport img, .installation img, .formation img, .maintenance img, .conseils img, .depannage img {
	float: left;
	padding-right: 10px;		
}

.audit p, .transport p, .installation p, .formation p, .maintenance p, .conseils p, .depannage p {
	padding: 50px 0 0 0;
	font-size: 12px;
}

.audit, .transport, .installation, .formation, .maintenance, .conseils, .depannage {
	min-height: 270px;
	clear: both;
	border-bottom: 2px dotted #0052a4;
}

.recherche-pieces select{
	padding: 1px;
	border-radius: 5px;
	text-transform: uppercase;
	min-width: 270px;
}

.recherche-pieces fieldset {
	background: #2aa645;
	border-radius: 10px;
	border: solid 1px #2aa645;
}

.label-width {
	min-width: 125px;
	float: left;
}

.recherche-pieces legend {
	margin: 0;
	width: 110px;
	padding: 10px;
	text-transform: uppercase;
	border: solid 1px #2aa645;
	border-radius: 10px;
	font-size: 16px;
	font-weight: 400;
	background: -moz-linear-gradient(45deg,  rgba(255,255,255,1) 0%, rgba(190,216,228,0.69) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(190,216,228,0.69))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(45deg,  rgba(255,255,255,1) 0%,rgba(190,216,228,0.69) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(45deg,  rgba(255,255,255,1) 0%,rgba(190,216,228,0.69) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(45deg,  rgba(255,255,255,1) 0%,rgba(190,216,228,0.69) 100%); /* IE10+ */
	background: linear-gradient(45deg,  rgba(255,255,255,1) 0%,rgba(190,216,228,0.69) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b0bed8e4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}	

.recherche-pieces label {
	color: white;
}

#eclate {
	margin-top: 20px;
	border-radius: 0 0 5px 5px;
}

#eclate td {
	background: white;
	min-width: 170px;
}

#eclate table {
	text-align: center;
}

#eclate img:hover {
	transform: scale(3.5);
	box-shadow: 0px 0px 15px grey;
	transition: all 0.5s;
}

#photoplan {
	text-align: center;
}

#photoplan img {
	width: 600px;
}

#menu-contact ul {
	display: inline-flex;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#menu-contact li {
	position: relative;
	width: 370px;
	text-align: center;

}

.contact-btn {
	padding: 15px;
	width: 370px;
	background: white;
	text-transform: uppercase;
	font-size: 18px;
	font-family: 'Exo', sans-serif;
	border-radius: 10px;
	border: solid 1px #3d4b57;
}

#infos-client legend, #inscription-client legend, #demande-intervention legend, #demande-contact legend {
	margin: 0;
	width: 230px;
	padding: 10px;
	text-transform: uppercase;
	border: solid 1px #3d4b57;
	border-radius: 10px;
	font-size: 16px;
	font-weight: 400;
	background: -moz-linear-gradient(45deg,  rgba(255,255,255,1) 0%, rgba(190,216,228,0.69) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(190,216,228,0.69))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(45deg,  rgba(255,255,255,1) 0%,rgba(190,216,228,0.69) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(45deg,  rgba(255,255,255,1) 0%,rgba(190,216,228,0.69) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(45deg,  rgba(255,255,255,1) 0%,rgba(190,216,228,0.69) 100%); /* IE10+ */
	background: linear-gradient(45deg,  rgba(255,255,255,1) 0%,rgba(190,216,228,0.69) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b0bed8e4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}
	
#infos-client, #inscription-client, #demande-intervention, #demande-contact {
	border-radius: 15px;
}

#infos-client fieldset, #inscription-client fieldset, #demande-intervention fieldset, #demande-contact fieldset {
	background: rgba(255, 255, 255, 0.31);
	border-radius: 10px;
}

.contact-simple p {
	text-align: left;
}

#prodoccas {
	border: none;
}

#prodoccas td {
	border: none;
	width: 360px;
	background: white;
	vertical-align: top;
}

#prodoccas img {
	width: 170px;
	height: 180px;
	float: left;
	padding-right: 5px;
}

#prodoccas h3 {
	font-size: 20px;
}

.btn-vente {
	padding: 15px;
	width: 185px;
	background: white;
	text-transform: uppercase;
	font-size: 11px;
	font-family: 'Exo', sans-serif;
	border-radius: 10px;
	border: solid 1px #3d4b57;
}

#menu-vente ul {
	display: inline-flex;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#menu-vente li {
	position: relative;
	width: 185px;
	text-align: center;
}

.desc-vente {
	font-size: 12px;
}

.etat {
	background: yellow;
	clear: both;
	text-align: center;
	margin: 5px 0;
}

.btn-connexion {
	background: #6c757d;
	border-radius: 5px;
	padding: 3px 9px;
	border: solid 1px #6c757d;
	color:#ffffff;
}


.texte-legende {
	font-size: 12px;
	text-transform: capitalize;
}

#search_txt_modele {background: #343a40; border-radius:5px; border:1px solid #343a40;color:#ffffff; padding:2px;}

/* MENU */
.navigation .navbar-nav {
    justify-content: flex-end;
    align-items: center;
}
.navbar-expand-lg .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}
.navbar-nav {
    display: flex;
}
.mr-auto, .mx-auto {
    margin-right: auto !important;
}
.navbar-nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.nav-link {
    color: rgba(0, 0, 0, 0.5) !important;
}
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem;
}
.nav-link {
    display: block;
    padding: 0rem 1rem;
}

.navbar-nav .barre-menu {
    color: 
    #f15d2a;
}

li.nav-item, .barre-menu {padding: 10px 0}

/* RESPONSIVE */
@media only screen and (max-width: 750px) {
	body {padding:2px;}
	  header {height:72px;}	
	  .logo {padding-left:0;}
	  .logo img {width:50%; height: auto;}
	  #contenu , .forme, .infos, #contenu-gauche, #col-droite, #contenu-footer {width:100%;}  
	  .contenu-infos {margin-left:0; min-width: 100%; max-width: 100%; padding:0;text-align: left;}
	  #contenu-gauche, #contenu-footer {padding:0;}
	  #col-droite {margin-top: 0;}
	  label {padding-left: 10px;}
	  fieldset {padding:0;}
	  #photoplan img {width: 100%;}
	  #eclate td {min-width: 25%;}
	  #eclate img {width: 50%;height: auto;}

	  /* menu */
	  .navbar-nav {display: block;}
	  .barre-menu {display:none;}
	  header  {border:none;}
	  li.nav-item { padding: 2px 0;}
	  .contenu-infos {margin-top:190px;}
}