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

.bl_accueil .headerfamily                                              {width: calc(100% - 30px); padding:15px; margin:0px auto 25px auto; height:auto; display: block; background:#ffffff;}
.bl_accueil .headerfamily h1                                           {width:100%; max-width:1024px; margin:0px 0px 30px 0px; padding:0px 15px; }
.bl_accueil .headerfamily .present_page                                {width: calc(100% - 30px); padding: 0 15px; margin: 0px auto; height:auto;}
.bl_accueil .headerfamily .present_page .present_page_c                {width: calc(100% - 30px); padding: 15px; font-size:12px;}
.bl_accueil .headerfamily .present_page .present_page_c p              {margin:3px 0px;}
.bl_accueil .headerfamily .list_cat                                    {width:calc(100% - 30px); padding: 0px 15px; margin:0px auto; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center; align-content: center;}
.bl_accueil .headerfamily .list_cat .row_cat                           {width:300px; height:120px; display: flex; flex-direction: row; align-items: center; margin: 5px 10px 5px 0px; line-height: 18px; border: solid 1px #ddd; transition:all .2s ease-out; overflow:hidden; font-size: 16.5px;}
.bl_accueil .headerfamily .list_cat .row_cat:hover                     {box-shadow:0px 0px 5px rgba(0,0,0,0.1) ;}
.bl_accueil .headerfamily .list_cat .row_cat img                       {width:120px; height:120px; display: inline-block; margin-right:15px;}
.bl_accueil .headerfamily .infobrand                                   {width:auto;} 
.bl_accueil .headerfamily .infobrand img                               {width:200px;}

.bl_accueil .filterselected                                     {width:100%; margin:10px 0px; height:50px; display:flex; flex-direction: row; align-items: first baseline; font-size: 10px;}
.bl_accueil .filterselected .buttfilter                         {padding:5px 25px 5px 10px; height:15px; line-height:15px; font-size:10px; background:#d5d5d5; margin:0px 5px 0px 10px; border:none; border-radius:15px; position:relative; font-size: 10px; }
.bl_accueil .filterselected .buttfilter .close                  {display: inline-block; font-size: 16px; height: 100%; position:absolute; right:10.5px; top:4px; -webkit-transform: rotate(45deg); transform: rotate(45deg); color:red; cursor: pointer;}

.bl_accueil .collapseProduct									{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; align-content: flex-start;}
.bl_accueil .collapseProduct .filter							{position: relative; align-self: flex-start; width:calc(20% - 45px); padding:15px; margin-right:15px; height:auto; background:#fff; transition: all .3s ease-out;}
.bl_accueil .collapseProduct .caseresult						{margin: 0px auto 10px auto; padding-bottom:5px; border-bottom:solid 1px #ddd;}
.bl_accueil .collapseProduct .caseresult .title					{font-weight: bold; text-align: center; color:var(--color_theme); margin: 0px auto 10px auto; padding-bottom:5px; border-bottom:solid 1px #d5d5d5;}
.bl_accueil .collapseProduct .caseresult label 					{text-transform: uppercase;}
.bl_accueil .collapseProduct .caseresult .view_sort				{width:100%; border:none; background:none; position:relative; display:block; cursor: pointer; font-size:12px;}					
.bl_accueil .collapseProduct .caseresult .view_sort:after 		{content:''; position: absolute; top: 8px; right:10px; display: block; width: 0; height: 0; border-top: 4px solid var(--color_theme); border-right: 4px solid transparent; border-left: 4px solid transparent;}
.bl_accueil .collapseProduct .caseresult .orderby				{display:block; width:100%; margin:0px;}
.bl_accueil .collapseProduct .caseresult .orderby ul			{padding:0px; margin:0px; list-style-type:none; width:100%;}
.bl_accueil .collapseProduct .caseresult .orderby li			{cursor:pointer; position:relative;}
.bl_accueil .collapseProduct .caseresult .orderby li ul			{position:absolute; top:20px; left:0px; margin:0px; padding:5px; max-height: 300px; overflow-y: auto;  color:rgb(63, 63, 63); width:calc(100% - 10px); height:auto; display:none; z-index:920; list-style-type:none; background: #fff; border-bottom:solid 1px #eee; border-right:solid 1px #eee; border-left:solid 1px #eee; }
.bl_accueil .collapseProduct .caseresult .orderby li ul li 		{float:none; border:none; width:auto; font-size:13px; color:#000; }
.bl_accueil .collapseProduct .caseresult .orderby li input 		{width: calc(100% - 11px);}
.bl_accueil .collapseProduct .caseresult .orderby ul li:hover ul {display:block; z-index:920; }
.bl_accueil .collapseProduct .caseresult .orderby ul li ul li:hover {background:rgba(0,0,0,0.02); color:#000;}

.bl_accueil .collapseProduct .listfamily 						{font-size:12.5px; letter-spacing:-0.5px;}

.bl_accueil .collapseProduct .gridprod 							{width: 80%; height: auto; min-height:850px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; gap:20px; align-items: center; align-content: flex-start; transition:all .250s ease-out;}
.bl_accueil .collapseProduct .gridprod .row_prod				{width:calc(25% - 15px); height:480px; background:#fff; color:#353535; margin:0px; display:inline-block; overflow:hidden; transition:all .2s ease-out;}
.bl_accueil .collapseProduct .gridprod .row_prod:hover 			{box-shadow:0px 0px 5px rgba(0,0,0,0.1) ;}

.bl_accueil .zone_search					                    {position: absolute; top: 70px; left: 450px; width:calc(100% - 750px); min-width:150px; height: 45px; border: solid 1px var(--color_theme_tr); background: var(--background_search); transition:all .3s ease-out;}
.bl_accueil .zone_search .content		                        {width:100%; padding:0px; display: block;}
.bl_accueil .zone_search .content .zinput 						{width:100%; height: 45px; margin:0px; display: block; position:relative;}
.bl_accueil .zone_search .content .zinput input[type="text"] 	{position:absolute; top:0px; left:0px; height:45px; width:calc(100% - 65px); padding:0px 15px; line-height:45px; font-size:16px; color:#21251c; background:none; border:none; outline:none; display: inline-block;}
.bl_accueil .zone_search .content .zinput input[type="submit"]	{position:absolute; top:4px; right:5px; cursor:pointer; background-image:url('../img/boutons/search.png'); border:none; background-color:#fafdfd00; background-position:center center; background-size:30px 30px; background-repeat:no-repeat; width:30px; height:40px; outline:none; display: inline-block;}
.bl_accueil .zone_search .content .zinput input[type="submit"]:hover {transform:scale(1.05);}



@media screen and (min-width:100px) and (max-width:640px)  {
    .bl_accueil .headerfamily h1                                    {margin: 0px auto; line-height: 45px; padding: 10px 0px;}
    .bl_accueil .headerfamily                                       {width:100%; padding:0;}
    .bl_accueil .headerfamily .list_cat                             {width:100%; padding:0; flex-direction: column;}
    .bl_accueil .headerfamily .list_cat .row_cat                    {width:95%; width:320px;}
    .bl_accueil .collapseProduct                                    {flex-direction: column;}
    .bl_accueil .collapseProduct .filter                            {width: calc(100% - 30px); margin:0px 0px 20px 0px; transform: none !important;}
    #sideright                                                      {position: static !important; transform: none !important;}
    #sideright.sticky                                               {position: static !important; transform: none !important;}
    .bl_accueil .collapseProduct .gridprod                          {width: 100%; flex-direction: column;}
    .bl_accueil .collapseProduct .gridprod .row_prod                {width: 100%; height: 480px; margin:0px 0px 20px 0px}
}
@media screen and (min-width:641px) and (max-width:900px)  {
    .bl_accueil .collapseProduct                                    {flex-wrap: nowrap;}
    .bl_accueil .collapseProduct .filter                            {width:250px;}
    .bl_accueil .collapseProduct .gridprod                          {width: calc(100% - 235px);}                      
    .bl_accueil .collapseProduct .gridprod .row_prod                {width:100% !important; height: 480px !important;}
}
@media screen and (min-width:901px) and (max-width:1180px)  {
    .bl_accueil .collapseProduct                                    {flex-wrap: nowrap;}
    .bl_accueil .collapseProduct .filter                            {width:250px;}
    .bl_accueil .collapseProduct .gridprod                          {width: calc(100% - 235px);}                      
    .bl_accueil .collapseProduct .gridprod .row_prod                {width: calc(50% - 15px) !important; height: 480px !important;}  
}