@charset "UTF-8";@media (min-width: 280px) and (max-width: 640px) {p, row, h1, h2, h3, h4, a, img {max-width:98%;}}
@media (min-width: 200px) and (max-width: 640px) {.mrgbtm {margin-bottom:10px !important;}}
@media (min-width: 280px) and (max-width: 360px) {.pictwdth {width: 280px; height: 112px;}}
@media (min-width: 361px) and (max-width: 3840px) {.pictwdth {width: 700px; height: 280px;}}

body {
    margin: 0 !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 18px;
	color: #333;
}

a {color: #21610B; text-decoration: none;}
a:hover, a:focus {color: blue; text-decoration: none;}
a:visited {color:purple !important}
a:active {text-decoration: underline !important;}


.img-rounded{
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}
.img-rounded-big{
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
}

.img-left{}
.img-1-1, .img-sqr,  {aspect-ratio: 1 / 1;}
.img-5-2 {aspect-ratio: 5 / 2;}
.img-3-1 {aspect-ratio: 3 / 1;}
.img-3-2 {aspect-ratio: 3 / 2;}
.img-4-3 {aspect-ratio: 4 / 3;}
.img-10-1 {aspect-ratio: 10 / 1;}
.img-16-9 {aspect-ratio: 16 / 9;}
.img-polaroid-old {
	padding: 4px;
	background-color: #fff;
	border: 1px solid #ccc;
	border: 1px solid rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
	box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.img-polaroid {
	border: 2px solid silver;
}

.am-sym-prg {
	font-size:16px;
	}

.am-td {
	font-size: 13px;
	text-align: left;
	line-height: 18px;
	border-width: 1px;
	border-color: grey;
	}
.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}
.text-center {
	text-align: center;
}

/* Hx modifiés MWE 21/02/2022 - Max-width ajouté 2024-05-04 */
p, li {font-size: 13px;}
p {margin-bottom: 4px; max-width: 992px !important;}
h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 12px 0;	word-wrap: break-word; text-align: center;}
h1 {
	font-size: 20px;
	line-height: 26px;
	text-align:center;
	margin-top: 0px !important;
}
h2 {
	font-size: 16px;
    border-bottom: 4px solid #EFEFEF !important;
    line-height: 30px !important;
}
h3 {
	font-size: 15px;
	line-height: 18px;
	border-bottom: 0px !important;
}
h4 {
	font-size: 13px;
	line-height: 14px;
}
h5 {
	font-size: 12px;
	line-height: 12px;
}
h6 {
	font-size: 10px;
	line-height: 10px;
}
/* Fin */



.nav-list > .active > a,
.nav-list > .active > a:hover,
.dropdown-menu li > a:hover,
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover,
.nav-pills > .active > a,
.nav-pills > .active > a:hover,
.btn-primary {
	background: #0088cc;
	}
.aem_png_icon {
	background-color:white;
	height:60px;
	width:60px;
	vertical-align:center;
	margin-right:20px;
}
.aem_jpg_icon {
	margin-right:10px;
}
.aem-link-list {
	line-height: 200% !important;
}

.aem-icon-h3 {
	width: 36px !important;
	height: 36px !important;
}
.aem-tag-box {
  background-color: #F5F5F5 !important;
  border: 1px solid #DCDCDC !important;
  border-radius: 6px !important;
  color: black !important;
  padding: 3px 3px 3px 3px !important;
  margin: 3px 3px 3px 3px !important;
  text-align: center !important;
  font-size: 12px !important;
  display: inline-block !important;
}
.aem-bouton-ul-2021 {
 white-space: nowrap;
 height: 1em;
 width: 98%;
}
.pager li a {
	margin-left:0px !important;
	margin-right:12px !important;
	margin-top:6px !important;
	margin-bottom:6px !important;
	color: black;
	background: #F0F0F0;
}
.pager li a:hover {
	color: #3598DB !important;
}
/* MW fonts */
body {
font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, “Helvetica Neue”, Arial, sans-serif !important;
}
h1, h2, h3, h4, h5, h6 {
font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, “Helvetica Neue”, Arial, sans-serif !important;
font-weight: 600 !important;
}
code, pre {
font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, “Helvetica Neue”, Arial, sans-serif !important;
}


.aem-dotted-white {
	border: 1px dotted #ddd !important;
	background-color: #FFFFFF !important;
}
.label-title {
	font-size: 11px !important;
}
a.pathway {
	color: #000000 !important;
}
a.pathway:hover {
	color: #3598DB !important;
}
.breadcrumb > li {
	line-height: 30px !important;
}
.divider {
	margin-right:20px !important;
	margin-left:20px !important;
}


/* NEW J4 CSS STYLE */

.am-btn {
	display:inline-block;
	background-color:#f0f0f0;
	color:#000000!important;
	font-size:13px;
	cursor:pointer;
	border:1px solid #a6a6a6;
	box-shadow: 1px 1px 2px 0px #bfbfbf;
	margin-top:6px;
	margin-bottom:6px;
	margin-left: 4px;
	margin-right: 4px;
	text-decoration: none;
}
.am-btn:hover {color: blue !important;}

.rad-08, .am-btn-rad08 {
	border-radius:8px;
	padding: 8px;
	text-align: center;
	}
.rad-16, .am-btn-rad16 {
	border-radius:16px;
	padding: 8px;
	text-align: center;
	}

.am-btn-sy-down::after  {content: " \002193  ";}
.sy-down::after  {content: " \002193  ";}

.am-btn-sy-same::after  {content: " \002193  ";}
.sy-same::after  {content: " \002193  ";}

.am-btn-sy-blank::after {content: " \0029C9  ";}
.sy-blank::after {content: " \0029C9  ";}

.am-btn-sy-top::after {content: " \002191  ";}
.sy-top::after {content: " \002191  ";}

.am-btn-sy-left::after {content: " \2190  ";}
.sy-left::after {content: " \2190  ";}

.am-btn-sy-right::after {content: " \2192  ";}
.sy-right::after {content: " \2192  ";}

.am-btn-wd-b1 {width:130px;}
.am-btn-wd-b2 {width:150px;}
.am-btn-wd-b3 {width:170px;}
.am-btn-wd-d1 {width:200px;}
.am-btn-wd-d2 {width:220px;}
.am-btn-wd-d3 {width:230px;}
.am-btn-wd-d4 {width:250px;}
.am-btn-wd-f1 {width:300px;}
.am-btn-wd-f2 {width:315px;}
.am-btn-wd-f3 {width:330px;}

.wdt-020 {width: 20px;}
.wdt-030 {width: 30px;}
.wdt-040 {width: 40px;}
.wdt-050 {width: 50px;}
.wdt-060 {width: 60px;}
.wdt-070 {width: 70px;}
.wdt-080 {width: 80px;}
.wdt-090 {width: 90px;}
.wdt-100 {width: 100px;}
.wdt-120, .am-width-b0 {width:120px;}
.wdt-130, .am-width-b1 {width:130px;}
.wdt-140 {width:140px;}
.wdt-150, .am-width-b2 {width:150px;}
.wdt-160 {width:160px;}
.wdt-170, .am-width-b3 {width:170px;}
.wdt-200, .am-width-d1 {width:200px;}
.wdt-220, .am-width-d2 {width:220px;}
.wdt-230, .am-width-d3 {width:230px;}
.wdt-250, .am-width-d4 {width:250px;}
.wdt-270 {width:270px;}
.wdt-280 {width:280px;}
.wdt-300, .am-width-f1 {width:300px;}
.wdt-315, .am-width-f2 {width:315px;}
.wdt-330, .am-width-f3 {width:330px;}

.wdt-08pc {width: 8%}
.wdt-10pc {width: 10%}
.wdt-12pc {width: 12%}
.wdt-14pc {width: 14%}
.wdt-16pc {width: 16%}
.wdt-18pc {width: 18%}
.wdt-20pc {width: 20%}
.wdt-22pc {width: 22%}
.wdt-24pc {width: 24%}
.wdt-26pc {width: 26%}
.wdt-28pc {width: 28%}
.wdt-30pc {width: 30%}
.wdt-32pc {width: 32%}

.am-rondo {
	font-size: 20px;
	font-weight: normal;
	vertical-align: bottom;
	}
.am-rondx {
	font-size: 18px;
	font-weight: normal;
	vertical-align: bottom;
	}
.am-green {color: green;}
.am-blue {color: blue;}
.am-red {color: red;}
.am-black {color: black;}
.am-orange {color: orange;}
.am-new {font-size: 18px; color: #FFBF00;}
/* END NEW J4 CSS STYLE */

.aem-arrow-right::after {content: " \27A4";}
.aem-button-240-right::after {content: " \27A4";}
.aem-box-260:active {position:relative; top:1px;}
.aem-button-partners {
	box-shadow: 1px 1px 2px 0px #bfbfbf;
	background-color:white;
	border-radius:30px;
	border:1px dotted lightgrey;
	display:inline-block;
	cursor:pointer;
	color:black;
	font-size:13px;
	padding:8px 14px;
	text-decoration:none;
	margin-left:0px !important;
	margin-right:10px !important;
	margin-top:8px !important;
	margin-bottom:8px !important;
}

.aem-button-partners:hover {color:blue!important;} 

.a2a_button_linkedin { 
	margin-right:12px !important;
}
.a2a_button_facebook {
	margin-right:12px !important;
}
.a2a_button_twitter {
	margin-right:12px !important;
}
.a2a_button_gmail {
	margin-right:12px !important;
}
.a2a_button_email {
	margin-right:12px !important;
}
.a2a_button_sms {
	margin-right:12px !important;
}

.sommaire-link {
	color: #21610B!important;
	text-decoration: underline;
}
.sommaire-link:hover,
.sommaire-link:focus {
	color: blue !important;
	text-decoration: underline;
}
.aem-stars {
	font-size: 20px;
	color: #FF8C00 !important;
}
.aem-stars-blue {
	font-size: 20px;
	color: darkblue;
}
.aem-labels-a {
	display: inline-block;
	width:90px;
	text-align:right;
}
.aem-labels-al, .label-90 {
	display: inline-block;
	width:90px;
	text-align:left;
}
.aem-labels-b, .label-120 {
	display: inline-block;
	width:120px;
	text-align:left;
}
.label-130 {display: inline-block; width:130px; text-align:left;}
.label-140 {display: inline-block; width:140px; text-align:left;}
.aem-labels-c, .label-150 {
	display: inline-block;
	width:150px;
	text-align:left;
}
.aem-labels-dl, .label-180 {
	display: inline-block;
	width:180px;
	text-align:left;
}
.aem-labels-lb {
	display: inline-block;
	width:120px;
	text-align:left;
	font-weight: bold;
}

.aem-puces-sans {
	list-style-type: none;
	margin-left:0;
	padding-left: 0px;
	}
.piedpage {
	color:white !important;
}
.aem-p-middle {
	display:inline-block;
	font-size:13px;
	padding:8px 14px;
	text-decoration:none;
	margin-left:0px !important;
	margin-right:10px !important;
	margin-top:8px !important;
	margin-bottom:8px !important;
	width:100%;
}

/* Bredcrumbs */

.mod-breadcrumbs__here {
	color: black !important;
	}

/* Cassiopeia */
.header {
	background-color: #F0F0F0;
	}
.container-header {
  background-color: white !important;
  background-image: none !important;
}

@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 996px !important;
  }
}

div.contain
{max-width:996px !important;margin:0 auto;padding:0 30px;}

/* 992 remplace 996 2024-05-04 */
.grid-child {
  display: flex;
  max-width: 992px !important;
  margin-right: auto;
  margin-left: auto;
}
.navbar-brand {
  text-align: center;
  width: 100%;
  background-color: white !important;
  }

/* FAVPROMOTE MWE  display: inline-block !important; */
.promo-box {
  border: 1px solid #DCDCDC !important;
  border-radius: 6px !important;
  color: black !important;
  background-color: lightgrey;
  padding: 3px 3px 3px 3px !important;
  margin: 5px 10px 5px 10px !important;
  text-align: center !important;
  display:table !important;
}

.am-btn-promo {
	display:inline-block;
	width:100%;
	border-radius:8px;
	background-color:#f0f0f0;
	border:1px solid #a6a6a6;
	box-shadow: 1px 1px 2px 0px #bfbfbf;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	cursor:pointer;
	font-size:13px;
	color:#000000!important;
	text-decoration:none;
	border-radius:8px;
	padding:8px 14px;
	margin: 0px 0px 0px 0px;
	}

.am-btn-promo:hover {color: blue !important;}

/* Joomla extended search (bouton before) */
.result__title-text {font-size:14px; font-weight: bold; color: black;}
.result__title-text:hover {color: blue; text-decoration: none !important;}
.com-finder__counter, .search-pages-counter {font-size:13px;}
.me-2 {font-size:14px;}
.icon-search, .icon-white {color: black;}
.btn {
	font-size:13px;
	background-color:#f0f0f0 !important; 
	color: black !important; 
	border:1px solid #a6a6a6 !important;
	box-shadow: 1px 1px 2px 0px #bfbfbf;
	}
.btn:hover {color: blue !important;}

/* Ajout réparation 2024-01-18 */
.aem-button-240, .aem-button-240-right, .aem-box-260 {
	display:inline-block;
	cursor:pointer;	
	color:#000000!important;
	font-size:13px;
	text-decoration:none;
	background-color:#f0f0f0;	
	border:1px solid #a6a6a6;
	border-radius:8px;
	box-shadow: 1px 1px 2px 0px #bfbfbf;
	margin-left:0px !important;
	margin-right:10px !important;
	margin-top:8px !important;
	margin-bottom:8px !important;
	padding:8px 14px;
	width:260px;
}
.aem-button-240-right::after {
	content: " \27A4";
	}

.category-desc, .tag-category {
	font-size: 13px;
	margin-bottom: 20px !important;
}
/* pour exclusion JCH */
.img-eager {
	height: auto;
	}
/* pour avis clients */
.bg-grey {background-color: WhiteSmoke !important; margin: 6px !important; padding: 6px !important;}
.emo {font-size: 28px;}	
.div-center {justify-content: center;}
/* Ajout tentative fix CLS 2024-05-04 */
img {
  max-width: 90%;
  height: auto;
}
.opaque {opacity: 0.4; filter:alpha(opacity=40); -moz-opacity:0.4;} 
.non{font-size: 16px; color:#990000; text-align:center; margin-top:16px;}
.h3ul {text-decoration:underline !important; text-decoration-color: lightgrey !important; text-decoration-thickness: 3px !important; } 
hr {color: darkgrey !important;}
	.menline{line-height: 32px !important; box-shadow: 1px 1px 2px 0px #bfbfbf;}
	.mentitle{
        display:inline-block;
		cursor:none;
		color:#000000 !important;
		font-size:14px;
		font-weight: bold;
		text-align: center !important;}
	.mentitle:visited{color:#000000 !important;}
	.menitem{
		display:inline-block;
		border:1px solid #a6a6a6;
		text-align: center;
		background-color:#f0f0f0;}
	.menlink{
		display:inline-block;
		cursor:pointer;
		color:#000000 !important;
		font-size:14px;
		text-decoration: none;}
	.menlink:hover, .menlink:active {color: blue !important; text-decoration: underline !important;}
	
.list-inline-item {margin: 0.7rem !important;}
.prgmrgtop {margin-top: 6px !important;}
.prgpce {line-height: 1em !important;}
.txtblk-center {display:inline-block; margin: auto;}
.title_container {height: 32px !important;}
.main-top {margin-top: 6px !important; margin-bottom: 0px !important;}
.sym-big {font-size: 18px !important; font-weight: bold !important;}
.utf-t {font-size: 22px !important; vertical-align: top !important; color: darkgreen !important; font-weight: bold !important;}
.utf-s {font-size: 22px !important; vertical-align: top !important; color: blue !important; font-weight: bold !important;}
.utf-a {font-size: 22px !important; vertical-align: top !important; color: gray !important; font-weight: bold !important;}
.utf {font-size:18px !important; color:white !important; font-weight:bold !important; display:inline-block; padding:3px; border-radius:4px;}
	.bgc-dgn {background-color: darkgreen;}
	.bgc-dbe {background-color: darkblue;}
	.bgc-dgy {background-color: darkgrey;}
.aem-nouveau{display:inline-block; background-color: yellow; margin: 6px; font-weight: bold;}
.bloctexte {white-space:nowrap;}
.rang {display: inline-block; padding: 0.3rem; border: 1px solid darkgrey; border-radius: 50%; background-color: lightgrey;}
/* Tableau T-shirt UV */
.aem-tableau {margin-left: auto; margin-right: auto;}
.aem-tableau, th, td {border : 1px solid darkgrey;}
th, td {font-size: 13px; text-align: center;}
th {background-color: #f0f0f0;}
.am-btn-sml {
	display:inline-block;
	background-color:#f0f0f0;
	color:blue !important;
	font-size:13px;
	cursor:pointer;
	border:1px solid #a6a6a6;
	max-height : 30px;
	padding-top:1px;
	padding-bottom:1px;
	margin-top:3px;
	margin-bottom:3px;
	text-decoration: none;
}
.rang-h2 {display: inline-block; padding-left: 0.4rem; padding-right: 0.4rem; border: 1px solid darkgrey; border-radius: 50%; background-color: lightgrey;}