.contenu {
	min-height: 500px;
	margin: auto;
	width:100%;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-flow: row wrap;
	        flex-flow: row wrap;
	content-visibility: auto;
	justify-content:center;
	align-items:center;
	background-color: white;
}
.solutions_entete, .solutions_footer {
	width:100%;
	padding:35px 15px;
	background: url("../medias/solutions/caisses_enregistreuses.png") no-repeat center center;
	background-size:auto;
}
.solutions_footer {
	background: url("../medias/solutions/caisses_enregistreuses.jpg") no-repeat center center;
}
.solutions_entete h1, .solutions_footer h1 {
	width:100%;
	padding-left:8%;
	font-size: clamp(40px,5vw,80px);
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	color:white;
	font-weight: bolder;
	white-space:nowrap;
}
.solutions_entete h2, .solutions_entete h3, .solutions_footer h2, .solutions_footer h3 {
	width:100%;
	padding-left:10%;
	font-size: clamp(20px,4vw,40px);
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	color:black;
	font-weight:100;
	font-variant-caps: small-caps;
	white-space:nowrap;
}
.solutions_entete h3, .solutions_footer h3 {
	font-size: clamp(15px,3vw,30px);
	padding-left:15%;
	color:#454545;
}
.solutions_footer h2, .solutions_footer h3 {
	color:#818181;
}
.solutions_entete p, .solutions_footer p {
	width:60%;
	font-size: clamp(12px,0.95vw,15px);
	font-weight:100;
	padding-top:25px;
	padding-left:8%;
	color:#777777;	
}
.solutions_footer p {
	color:#BABABA;
}
.metiers {
	width:100%;
	display:grid;
	grid-template-columns: 1fr 1fr;
}
.metiers button {
	border-top:1px solid #D5D5D5;
	text-transform:uppercase;
	font-weight:bold;
}
.metiers button strong {
	color:#4a772d;
	font-size:1.25em;
	border-bottom:1px solid #57bd47;
}
.metiers ul {
	column-count: 2;
	list-style: none;
}
.metiers ul li {
	line-height: 2em;
	padding-left:5px;
	font-size:0.8em;
}
.metiers ul li:hover {
 	color:green;
	font-weight:bold;
	transition: 0.4s;
	cursor:context-menu;
}
.metiers ul li::before {
	content: ">";
	display: inline-block;
	margin-right: 0.5rem;
	margin-left:0.5rem;
}
.metiers ul li:hover::before {
	content: "✔";
	display: inline-block;
	margin-right: 0.35rem;
	margin-left:0.4rem;
	transition: 0.8s;
}
.photo img {
	width:100%;
}
.detail {
	padding:4%;
}
.detail h2 {
	font-size:1.8em;
	border-left: 5px solid #57bd47;
	margin-left:15px;
	padding-left:15px;
	font-variant-caps: all-small-caps;
	margin-bottom:25px;
}
.solutions {
	background-color: #f4f4f4;
	color: #666;
	cursor: pointer;
	padding: 18px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	font-size: 15px;
	transition: 0.4s;
}
.solutions span {
	font-weight:bolder;
	padding:1px 8px 2px 7px;
	margin-right:15px;
	background-color:#888;
	color:white;
	border-radius:4px;
}
.active, .solutions:hover {
  background-color:#E6E6E6; 
}
.panel {
	font-size:0.8em;
	padding: 18px 18px;
	display: none;
	background-color:#f4f4f4;
	overflow: hidden;
}
.intro {
	line-height:1.8em;
	color:#999;
}
.intro strong {
	line-height:1.8em;
	color:#777;
}
.solutions:after {
  content: '\02795'; /* signe (+) */
  font-size: 13px;
  color: #777;
  float: right;
  margin-left: 5px;
}
.doc {
	text-align:center;
	line-height:2em;
}
.icon_doc {
	filter: invert(27%) sepia(51%) saturate(1000%) hue-rotate(60deg) brightness(204%) contrast(97%);
	width:48px;
	height:48px;
	transition: 0.5s;
}
.icon_doc:hover,
.icon_docs:focus {
  filter: invert(27%) sepia(51%) saturate(2878%) hue-rotate(100deg) brightness(104%) contrast(97%);
  transition: 0.5s;
}
.doc a {
	color:#666;
	text-decoration: none;
}
.doc a:hover {
	color: green;
	font-weight:bold;
}

.active:after {
  content: "\2796"; /* signe (-) */
}
@media (max-width:1000px)
{
	.metiers {
		grid-template-columns: 1fr;
		grid-template-row: 1fr;
		grid-template-areas: 
			"primeur_photo"
			"primeur_texte"
			"boulangerie_photo"
			"boulangerie_texte"
			"fromagerie_photo"
			"fromagerie_texte"
			"boucherie_photo"
			"boucherie_texte"
			"chr_photo"
			"chr_texte"
			"vae_photo"
			"vae_texte"
			"poissonnerie_photo"
			"poissonnerie_texte"
			"epicerie_photo"
			"epicerie_texte"
			"traiteur_photo"
			"traiteur_texte"
			"pdv_photo"
			"pdv_texte"
			"coiffure_photo"
			"coiffure_texte"
			"chocolaterie_photo"
			"chocolaterie_texte"
	}
	#primeur_photo {
		grid-area: primeur_photo ;
		grid-column-start: 1 ;
		grid-column-end: 1;
	}
	#primeur_texte {
		grid-area: primeur_texte ;
		grid-column-start: 1 ;
		grid-column-end: 1;
	}
	#boulangerie_photo {
		grid-area: boulangerie_photo ;
		grid-column-start: 1 ;
		grid-column-end: 1;
	}
	#boulangerie_texte {
		grid-area: boulangerie_texte ;
		grid-column-start: 1 ;
		grid-column-end: 1;
	}
	#fromagerie_photo {
		grid-area: fromagerie_photo ;
		grid-column-start: 1 ;
		grid-column-end: 1;
	}
	#fromagerie_texte {
		grid-area: fromagerie_texte ;
		grid-column-start: 1 ;
		grid-column-end: 1;
	}
	#boucherie__photo {
		grid-area: boucherie_photo ;
		grid-column-start: 1 ;
		grid-column-end: 1;
	}
	#boucherie_texte {
		grid-area: boucherie_texte ;
		grid-column-start: 1 ;
		grid-column-end: 1;
	}
	#char_photo {
		grid-area: chr_photo ;
		grid-column-start: 1 ;
		grid-column-end: 1;
	}
	#char_texte {
		grid-area: char_texte ;
		grid-column-start: 1 ;
		grid-column-end: 1;
	}
	#vae_photo {
		grid-area: vae_photo ;
		grid-column-start: 1 ;
		grid-column-end: 1;
	}
	#vae_texte {
		grid-area: vae_texte ;
		grid-column-start: 1 ;
		grid-column-end: 1;
	}
	#poissonnerie_photo {
		grid-area: poissonnerie_photo ;
		grid-column-start: 1 ;
		grid-column-end: 1;
	}
	#poissonnerie_texte {
		grid-area: primeur_texte ;
		grid-column-start: 1 ;
		grid-column-end: 1;
	}
	#epicerie_photo {
		grid-area: epicerie_photo ;
		grid-column-start: 1 ;
		grid-column-end: 1;
	}
	#epicerie_texte {
		grid-area: epicerie_texte ;
		grid-column-start: 1 ;
		grid-column-end: 1;
	}
	#traiteur_photo {
		grid-area: traiteur_photo ;
		grid-column-start: 1 ;
		grid-column-end: 1;
	}
	#traiteur_texte {
		grid-area: traiteur_texte ;
		grid-column-start: 1 ;
		grid-column-end: 1;
	}
	#pdv_photo {
		grid-area: pdv_photo ;
		grid-column-start: 1 ;
		grid-column-end: 1;
	}
	#pdv_texte {
		grid-area: pdv_texte ;
		grid-column-start: 1 ;
		grid-column-end: 1;
	}
	#coiffure_photo {
		grid-area: coiffure_photo ;
		grid-column-start: 1 ;
		grid-column-end: 1;
	}
	#coiffure_texte {
		grid-area: coiffure_texte ;
		grid-column-start: 1 ;
		grid-column-end: 1;
	}
	#chocolaterie_photo {
		grid-area: chocolaterie_photo ;
		grid-column-start: 1 ;
		grid-column-end: 1;
	}
	#chocolaterie_texte {
		grid-area: chocolaterie_texte ;
		grid-column-start: 1 ;
		grid-column-end: 1;
	}
}
@media (max-width:1400px)
{
	.metiers ul {
		column-count: 1;
	}
}
@media (max-width:1000px)
{
	.metiers ul {
		column-count: 2;
	}
}
@media (max-width:800px)
{
	.solutions_entete h1 {
		font-size: clamp(32px,4.3vw,65px);	
	}
}
@media (max-width:695px)
{
	.metiers ul {
		column-count: 1;
	}
}
@media (max-width:530px)
{
	.solutions span {
		display:none;
	}
	.solutions:after {
	  content: ''; /* On supprim le signe (+) */
	  font-size: 13px;
	  color: #777;
	  float: right;
	  margin-left: 5px;
	}
}
@media (max-width:470px)
{
	.solutions_entete h1 {
		white-space:normal;
	}
	.solutions_entete h2 {
		width: 90%;
		white-space:normal;
	}
	.solutions_entete h3 {
		width: 90%;
		white-space:normal;
	}
	.solutions_entete p {
		width: 100%;
	}
}