:root{
	--panier-couleur-fond: #97ad5a;
	--panier-couleur-fond-survol: #db6f89;
	--panier-couleur-fond-ajoute: #3f6127;
	--bouton-couleur-fond: #97ad5a;
	--bouton-couleur-fond-survol: #db6f89;
	--bouton-couleur-bordure: #999999;
	--bouton-couleur-bordure-survol: #db6f89;
	--bouton-radius: 4px;
	--menu-haut-couleur-fond: #000;
	--menu-haut-couleur-fond-survol: #db6f89;
	--lien-couleur-fond: #000;
	--lien-couleur-fond-survol: #db6f89;
	--lien-couleur-texte: #000;
	--lien-couleur-texte-survol: #d43848;
	--dataliste-couleur-texte-survol: #0066cc;	
	
	--theme-couleur-01: #97ad5a;
	--theme-couleur-02: #eceade;
	--theme-couleur-03: #db6f89;
	--theme-couleur-04: #38b64b;
	--theme-couleur-gris-01: #000;
	--theme-couleur-gris-02: #888282;
	--theme-couleur-gris-03: #fff;	
	--theme-couleur-gris-04: #ccc;	
	--theme-couleur-gris-05: #fff;	
	--theme-couleur-gris-06: #fff;	
	
	--contact-couleur-01: #db6f89;
  	--contact-shadow-01: rgba(219,111,137,0.3);
  	--contact-couleur-02: #97ad5a;
 	--contact-shadow-02: rgba(151,173,90,0.3);
	
	--partage-couleur-01: #db6f89;
    --partage-shadow-01: rgba(219,111,137,0.3);
    --partage-couleur-02: #97ad5a;
    --partage-shadow-02: rgba(151,173,90,0.3);
	
	
	
}
/* ### HAUT ##########################*/
.haut-services {
	background-color: var(--theme-couleur-gris-05);	
}
.haut-services li a {
	color: var(--theme-couleur-gris-01);
}
.haut-services li a:hover {
	color: var(--theme-couleur-01);
}
.haut-services li:last-of-type {
	background-color: var(--theme-couleur-03);	
}
.haut-services li:last-of-type a {
	color: var(--theme-couleur-gris-03);
	font-weight: 700;
}
.haut-services li:last-of-type a:hover {
	color: var(--theme-couleur-gris-03);
	text-decoration: underline;
}
@media screen and (max-width: 1080px) {
	.haut-services li:nth-of-type(2) {
	display: none;	
	}
}

.haut-catalogue li a.haut-rayons {
	background-color: var(--theme-couleur-01);
	color:  var(--theme-couleur-gris-06);
	background-image: url(../graphisme/client/haut-rayons.svg)
}
.haut-catalogue li a.haut-rayons:hover {
	background-color:  var(--theme-couleur-03);
}
.haut-catalogue li a.haut-recherche {
	background-color: var(--theme-couleur-gris-03);
	color:  var(--theme-couleur-gris-01);
	background-image: url(../graphisme/client/haut-recherche.svg)
}
.haut-catalogue li a.haut-recherche:hover {
	color:  var(--theme-couleur-03);
}
.haut-catalogue li a.haut-compte {
	background-color: var(--theme-couleur-gris-03);
	color:  var(--theme-couleur-gris-01);
	background-image: url(../graphisme/client/haut-compte.svg);
}
.haut-catalogue li a.haut-compte:hover {
	color:  var(--theme-couleur-03);
}
.haut-catalogue li a.haut-panier, .haut-catalogue li a.haut-panier-direct {
	background-color: var(--theme-couleur-01);
	color:  var(--theme-couleur-gris-06);
	background-image: url(../graphisme/client/haut-panier.svg);
}
.haut-catalogue li a.haut-panier:hover, .haut-catalogue li a.haut-panier-direct:hover {
	background-color:  var(--theme-couleur-03);
}
#haut-panier div {
	background-color: var(--theme-couleur-gris-06);
	border: 2px solid var(--theme-couleur-03);
	color: var(--theme-couleur-03);
	font-weight: 700;
}
.haut-catalogue li a.haut-logo {
	background-image: url(../graphisme/client/haut-montage.svg);
    background-repeat: no-repeat;
    background-position: center top;
    background-color: var(--theme-couleur-gris-03);	
}
.message-haut-detail {
	background-color: var(--theme-couleur-02);	
}
.haut-ligne {
	background-color: var(--theme-couleur-02);
}
.message-haut-bouton-plus {
	background-color: var(--theme-couleur-gris-03);
	border: 1px solid var(--theme-couleur-gris-04);
	font-weight: 700;
}
.message-haut-bouton-plus:hover {
	background-color: var(--theme-couleur-03);
	border: 1px solid var(--theme-couleur-03);	
	color: var(--theme-couleur-gris-03);
}
.message-haut-bouton-action {
	background-color: var(--theme-couleur-01);
	border: 1px solid var(--theme-couleur-01);
	color: var(--theme-couleur-gris-03);
}
.message-haut-bouton-action:hover {
	background-color: var(--theme-couleur-03);
	border: 1px solid var(--theme-couleur-03);
	color: var(--theme-couleur-gris-03);
}
.message-centre-bouton-gauche {
	background-color: var(--theme-couleur-gris-03);
	border: 1px solid var(--theme-couleur-gris-04);
	font-weight: 700;	
}
.message-centre-bouton-gauche:hover {
	background-color: var(--theme-couleur-03);
	border: 1px solid var(--theme-couleur-03);	
	color: var(--theme-couleur-gris-03);
}
.message-centre-bouton-droit {
	background-color: var(--theme-couleur-01);
	border: 1px solid var(--theme-couleur-01);
	color: var(--theme-couleur-gris-03);	
}
.message-centre-bouton-droit:hover  {
	background-color: var(--theme-couleur-03);
	border: 1px solid var(--theme-couleur-03);
	color: var(--theme-couleur-gris-03);	
}
.message-bas-bouton-plus {
	background-color: var(--theme-couleur-gris-03);
	border: 1px solid var(--theme-couleur-gris-04);
	font-weight: 700;		
}
.message-bas-bouton-plus:hover {
	background-color: var(--theme-couleur-03);
	border: 1px solid var(--theme-couleur-03);	
	color: var(--theme-couleur-gris-03);	
}
.message-bas-bouton-action {
	background-color: var(--theme-couleur-01);
	border: 1px solid var(--theme-couleur-01);
	color: var(--theme-couleur-gris-03);	
}
.message-bas-bouton-action:hover {
	background-color: var(--theme-couleur-03);
	border: 1px solid var(--theme-couleur-03);
	color: var(--theme-couleur-gris-03);		
}
/* ### BAS ##########################*/
.bas-logo div:nth-of-type(1) {
	margin-top: 18px;	
	background-color: var(--theme-couleur-02);
}
.bas-logo div:nth-of-type(3) {
	margin-top: 18px;	
	background-color: var(--theme-couleur-02);
}
.bas-logo div:nth-of-type(2) {
    height: 160px;
    max-height: 160px;
    min-height: 160px;	
}
@media screen and (max-width: 580px) {
.bas-logo div:nth-of-type(2) {
    height: 120px;
    max-height: 120px;
    min-height: 120px;	
}
.bas-logo div:nth-of-type(1) {
	margin-top: 14px;	
}
.bas-logo div:nth-of-type(3) {
	margin-top: 14px;	
}	
}
.bas-boutique {
	background-color: var(--theme-couleur-02);
	background-image: url(../graphisme/client/fond-bas.png);
	background-repeat: repeat;
}
.bas-boutique-visuel {
	border-bottom-color: var(--theme-couleur-gris-03);
}
.bas-boutique-visuel img {
	border: 2px solid var(--theme-couleur-gris-03);
}
.bas-boutique-aide-visuel img {
	border: 2px solid var(--theme-couleur-gris-03);
}
.bas-boutique-resume {
	color: var(--theme-couleur-gris-01);
	border-bottom-color: var(--theme-couleur-gris-03);
	border-right-color:var(--theme-couleur-gris-03);
}
.bas-boutique-resume h6 {
	text-transform: uppercase;
	color: var(--theme-couleur-01);
}
.bas-boutique-resume p:last-of-type a {
	color: var(--theme-couleur-gris-01);
	background-image: url(../graphisme/client/bas-fleche-boutique.svg);
}
.bas-boutique-service {
	color: var(--theme-couleur-03);
	border-bottom-color: var(--theme-couleur-gris-03);
}
.bas-boutique-service h6 {
	text-transform: uppercase;
	color: var(--theme-couleur-01);
}
.bas-boutique-service ul li a {
	color: var(--theme-couleur-gris-01);
	background-image: url(../graphisme/client/bas-fleche-boutique.svg);	
}
.bas-boutique-avantages {
	color: var(--theme-couleur-03);
	border-right-color: var(--theme-couleur-gris-03);
	border-left-color: var(--theme-couleur-gris-03);
}
.bas-boutique-avantages h6 {
	text-transform: uppercase;
	color: var(--theme-couleur-01);
}
.bas-boutique-avantages ul li a {
	color: var(--theme-couleur-gris-01);
	background-image: url(../graphisme/client/bas-fleche-boutique.svg);	
}
.bas-boutique-aide {
	color: var(--theme-couleur-gris-01);
	border-left-color: var(--theme-couleur-gris-03);	
}
.bas-boutique-aide h6 {
	text-transform: uppercase;
	color: var(--theme-couleur-01);
}
.bas-boutique-aide p:last-of-type span:first-of-type {
	border: 3px solid var(--theme-couleur-01);
}
.bas-boutique-aide p:last-of-type span:first-of-type strong {
	background-color: var(--theme-couleur-01);
	box-shadow: 0px 0px 0px 3px var(--theme-couleur-01);
}
@media screen and (max-width: 580px){
	.bas-boutique {
	padding-top: 30px;
	box-sizing: border-box;
	}
}
.bas-plan {
	background-color: var(--theme-couleur-01);
	padding-bottom: 40px;
	border-top-color: var(--theme-couleur-gris-06);
}
.bas-plan-item h6 {
	color: var(--theme-couleur-gris-06);
}
.bas-plan-item ul li {
	color: var(--theme-couleur-gris-06);
}
.bas-plan-item ul li a {
	border-bottom-style: none;
	color: var(--theme-couleur-gris-06);
}
.bas-plan-item ul li a:hover{
	color:  var(--theme-couleur-gris-06);
	border-bottom-color: var(--theme-couleur-gris-06);
}
.bas-plan-action div:first-of-type {
	background-color: var(--theme-couleur-gris-06);
}
.bas-plan-action div:last-of-type {
	background-color: var(--theme-couleur-gris-06);
}
.bas-plan-action div:nth-of-type(2) a {
	color: var(--theme-couleur-gris-06);
}
.bas-plan-action div:nth-of-type(2) span span:first-of-type {
	background-color: var(--theme-couleur-gris-06);
}
.bas-plan-action div:nth-of-type(2) span span:last-of-type {
	background-color: var(--theme-couleur-gris-06);
}
.bas-service-reseau ul li a {
	background-color: var(--theme-couleur-01);
}
.bas-service-reseau ul li a:hover {
	background-color: var(--theme-couleur-03);
}
/* ### EN COMMUN ###########################*/
.repertoire ul li a.repertoire-accueil {
	color: var(--theme-couleur-03);
}
.repertoire ul li a.repertoire-accueil {
	color: var(--theme-couleur-03);
}
.repertoire ul li a:hover {
	color: var(--theme-couleur-03);
}
.aide header h5 {
	color: var(--theme-couleur-03);

}
.aide-cadre {
	border: 1px solid var(--theme-couleur-01);
}
.aide-cadre div {
	background-color: var(--theme-couleur-01);
	color: var(--theme-couleur-gris-06);
}
.aide header {
	align-items: center;
}
.aide-ligne {
	max-width: 50%;
	min-width: 50%;
}
.aide-ligne div:nth-of-type(2) span {
	background-color: var(--theme-couleur-01);
	max-width: 11px;
}
.aide-ligne div:nth-of-type(2) {
	max-width: 55px;
}
.aide-ligne div:nth-of-type(1) {
	background-color: var(--theme-couleur-01);
	max-width: 30%;
}
.aide-ligne div:nth-of-type(3) {
	background-color: var(--theme-couleur-01);
	max-width: 30%;
}
.bas-information-etat {
	padding-top: 0px;
	padding-right: 40px;
	padding-bottom: 30px;
	padding-left: 40px;
}
.bas-information-etat div {
	display: block;
	position: relative;
	float: none;
	
}
.bas-information-etat div img {
	display: block;
	position: relative;
	float: none;
	width: 100%;
	height: auto;
	border: 1px solid #ccc;
}