.mess-block                                             {width:calc(100% - 20px); padding:10px; height:auto; min-height:50px; z-index:1; display: block;}
.mess-block h2										    {position:relative; font-size:15px; color:#353835; padding:0; line-height:30px; letter-spacing:-0.75px;}
.mess-block h2 a 										{color:#4b4b4b;}
.mess-block h2 a:hover 								    {color:#202020;}
.mess-block .caret 										{display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px solid #333; border-right: 4px solid transparent; border-left: 4px solid transparent; transform: rotate(-90deg); }

h1                                                      {font-size:24px !important; width:100%; display:block; margin:45px auto !important; line-height:35px !important; color:#333 !important; font-weight:bold !important; letter-spacing:-0.8px !important; text-align: center;}
h3													    {font-size:24px !important; width:100%; display:block; margin:85px auto 45px !important; line-height:35px !important; color:#333 !important; font-weight:bold !important; letter-spacing:-0.8px !important; text-align: center;}

.bl_accueil												{width:calc(100% - 30px); padding:15px; height:auto; margin:0px auto 100px auto;}

.bl_accueil	.gridbrand									{width:100%; height:auto; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; align-content: center;}
.bl_accueil	.gridbrand .prev_arrow 						{width:30px; margin-right:25px;}
.bl_accueil	.gridbrand .next_arrow 						{width:30px; margin-left:25px;}
.bl_accueil	.gridbrand .innercarrou 					{width:100%; height:auto; display:block; overflow: hidden; border: solid 1px #ddd;}
.bl_accueil	.gridbrand .innercarrou .slider 			{width:auto; height:auto; display: flex;flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; align-content: space-between; transition:all .8s ease-out;}
.bl_accueil	.gridbrand .innercarrou .slider .cardin		{height: auto; flex: 0 0 10%; max-width: 10%; margin: 40px 30px; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word;}
.bl_accueil	.gridbrand .innercarrou .slider .cardin img {display:block; width:100%;}

.bl_accueil .infomark                                   {width:100%; height:auto; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: baseline; align-content: center; background:#333;}
.bl_accueil .infomark .boxy                             {height: auto; width:calc((100% / 6) - 20px); padding:10px; margin: 20px; display: flex; flex-direction: column; min-width: 0; font-size:18px; text-transform: uppercase; color:#ddd; text-align:center;}
.bl_accueil .infomark .boxy img                         {width:110px; display: block; margin:0px auto 25px auto;}