body{
	font-family: 'Open Sans', sans-serif;
	font-size: 1rem;
}

/* Desktop */
@media (min-width: 767px) {

	body:after,body:before {
	    position: absolute;
	    content: ""
	}
	body:before {
	    background: url("data:image/svg+xml,%3Csvg width='545' height='787' viewBox='0 0 545 787' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M472.518 349.761L466.539 327.571C398.116 72.218 363.733 -44.9386 295.08 -57.9305V-58.6203L288.641 -59.1952L279.786 -60V-59.1952C215.618 -57.3556 129.832 28.4136 -33.807 192.134L-50.0213 208.345C-237.004 395.29 -321.296 483.703 -298.297 549.583L-298.872 549.927L-296.227 555.791L-292.547 563.839L-291.857 563.379C-257.933 617.991 -140.983 649.493 82.6835 709.279L104.763 715.142C269.321 759.177 377.302 787 445.379 787C482.868 787 507.937 778.032 524.151 759.292L525.071 759.752L528.751 754.463L533.926 747.22L533.236 746.875C563.595 690.193 532.316 573.267 472.403 349.761H472.518ZM522.771 750.209C521.277 752.393 519.322 754.233 517.597 756.073C501.497 748.255 486.088 740.436 470.564 732.733C461.824 728.364 452.969 723.995 444.345 719.626C430.2 712.498 416.746 705.37 403.176 698.242C394.436 693.643 385.352 689.044 376.727 684.445C362.928 677.087 349.818 669.843 336.479 662.6C328.889 658.461 320.839 654.207 313.48 650.068C293.125 638.686 273.461 627.419 254.602 616.381C252.877 615.347 251.267 614.427 249.542 613.392C124.887 539.695 28.5206 469.102 -36.9118 403.453C-48.6414 410.121 -60.7159 417.365 -72.7905 424.378C-79.4602 428.287 -85.785 431.851 -92.5697 435.875C-110.969 446.912 -129.828 458.525 -149.032 470.482C-150.642 471.516 -152.137 472.321 -153.632 473.356C-174.217 486.233 -195.146 499.57 -216.535 513.481C-225.275 519.115 -234.244 525.208 -243.099 531.072C-255.173 539.005 -267.133 546.823 -279.437 555.101C-281.392 556.366 -283.232 557.631 -285.072 558.895L-285.532 559.125C-286.912 556.941 -288.292 554.871 -289.327 552.572C-290.477 550.157 -291.052 547.628 -291.857 545.099C-278.747 536.246 -265.983 527.853 -253.103 519.345C-243.214 512.791 -233.094 506.008 -223.32 499.685C-211.36 491.981 -199.861 484.623 -188.131 477.265C-178.586 471.172 -168.812 464.848 -159.382 458.984C-146.848 451.166 -134.658 443.808 -122.354 436.335C-114.304 431.391 -106.024 426.217 -98.0895 421.504C-78.0802 409.546 -58.531 398.164 -39.4417 387.357C-37.7168 386.322 -35.9919 385.517 -34.2669 384.482C91.8832 313.43 201.244 265.256 290.711 241.457C290.711 228.235 290.71 214.209 290.48 200.412C290.48 192.479 290.48 185.006 290.365 176.958C290.021 156.378 289.446 135.108 288.756 113.493C288.756 110.389 288.641 107.285 288.526 104.065C287.721 80.2661 286.571 55.777 285.191 30.828C284.731 21.8602 284.041 12.5474 283.466 3.57962C282.546 -12.2865 281.626 -28.0377 280.476 -44.2488C280.361 -46.5483 280.246 -48.7327 280.016 -51.0322V-51.4921C282.546 -51.4921 285.076 -51.722 287.606 -51.4921C290.25 -51.2621 292.78 -50.5723 295.31 -49.8824C296.345 -35.7409 297.035 -22.0592 297.955 -8.14754C298.76 5.53415 299.68 19.4458 300.485 32.8975C301.175 45.4295 301.635 57.3866 302.095 69.6886C302.67 82.6805 303.36 95.7873 303.82 108.434C304.28 122.116 304.51 135.108 304.855 148.445C305.085 159.022 305.43 169.829 305.66 180.062C306.005 203.286 306.12 225.821 305.89 247.666C305.89 249.62 305.89 251.575 305.89 253.529C304.395 398.279 291.4 517.045 267.251 606.494C279.211 613.507 291.975 620.635 304.625 627.764C310.835 631.328 316.699 634.777 323.024 638.226C363.618 660.876 406.971 683.87 452.969 707.209C458.949 710.314 465.389 713.303 471.368 716.407C487.353 724.455 503.222 732.503 519.782 740.551C521.852 741.586 523.806 742.621 525.876 743.541L526.336 743.771C525.071 746.07 524.036 748.37 522.541 750.324L522.771 750.209Z' fill='%23F8F8F8'/%3E%3C/svg%3E") no-repeat center center / contain;
	    top: 0;
	    left: 0;
	    width: 545px;
	    height: 787px;
	    z-index: -1;
	}
	body:after {
	    top: 0;
	    right: 9rem;
	    background: url("data:image/svg+xml,%3Csvg width='493' height='402' viewBox='0 0 493 402' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M450.812 147.503L447.331 134.587C407.506 -14.0419 387.493 -82.2335 347.533 -89.7954V-90.197L343.785 -90.5316L338.631 -91V-90.5316C301.282 -89.4608 251.349 -39.5385 156.103 55.7557L146.665 65.1914C37.8312 174.003 -11.2312 225.465 2.15552 263.81L1.82085 264.011L3.36032 267.424L5.5022 272.108L5.9038 271.841C25.6492 303.628 93.7207 321.964 223.907 356.762L236.758 360.175C332.54 385.805 395.391 402 435.015 402C456.836 402 471.427 396.78 480.865 385.872L481.4 386.14L483.542 383.062L486.554 378.846L486.153 378.645C503.823 345.653 485.617 277.596 450.745 147.503H450.812ZM480.062 380.586C479.192 381.857 478.054 382.928 477.05 383.999C467.679 379.448 458.71 374.897 449.674 370.414C444.587 367.871 439.433 365.328 434.413 362.785C426.18 358.636 418.349 354.487 410.451 350.338C405.364 347.661 400.076 344.984 395.056 342.307C387.024 338.024 379.394 333.809 371.629 329.593C367.212 327.183 362.526 324.707 358.243 322.298C346.395 315.673 334.95 309.115 323.973 302.691C322.969 302.088 322.031 301.553 321.027 300.951C248.471 258.055 192.381 216.966 154.296 178.755C147.468 182.636 140.44 186.852 133.412 190.934C129.53 193.209 125.849 195.284 121.9 197.626C111.19 204.051 100.213 210.809 89.0354 217.769C88.0983 218.371 87.2282 218.84 86.3581 219.442C74.3769 226.937 62.195 234.7 49.7453 242.797C44.6584 246.076 39.4376 249.623 34.2837 253.036C27.2556 257.654 20.2945 262.204 13.1326 267.022C11.9948 267.758 10.9238 268.495 9.85289 269.231L9.58515 269.365C8.78195 268.093 7.97874 266.888 7.37634 265.55C6.707 264.145 6.37234 262.673 5.9038 261.2C13.5342 256.047 20.9639 251.162 28.4604 246.21C34.2167 242.396 40.1069 238.447 45.7963 234.767C52.7574 230.283 59.4507 226 66.278 221.717C71.8335 218.171 77.5228 214.49 83.0114 211.077C90.3071 206.527 97.4021 202.244 104.564 197.894C109.249 195.016 114.069 192.005 118.687 189.261C130.333 182.302 141.712 175.676 152.823 169.386C153.827 168.784 154.831 168.315 155.835 167.713C229.261 126.356 292.915 98.3168 344.99 84.4644C344.99 76.7686 344.99 68.6043 344.856 60.5739C344.856 55.9564 344.856 51.6066 344.789 46.9222C344.588 34.9436 344.253 22.5633 343.852 9.98237C343.852 8.17552 343.785 6.36868 343.718 4.49492C343.249 -9.35753 342.58 -23.6115 341.777 -38.1332C341.509 -43.3529 341.108 -48.7734 340.773 -53.9932C340.237 -63.2282 339.702 -72.3962 339.033 -81.832C338.966 -83.1704 338.899 -84.4418 338.765 -85.7802V-86.0479C340.237 -86.0479 341.71 -86.1818 343.182 -86.0479C344.722 -85.9141 346.194 -85.5126 347.667 -85.111C348.269 -76.8799 348.671 -68.9164 349.206 -60.8191C349.675 -52.8556 350.211 -44.7582 350.679 -36.9286C351.081 -29.6343 351.348 -22.6746 351.616 -15.5142C351.951 -7.95221 352.352 -0.323326 352.62 7.03788C352.888 15.0014 353.022 22.5633 353.223 30.326C353.356 36.4827 353.557 42.7732 353.691 48.7291C353.892 62.2469 353.959 75.3633 353.825 88.0781C353.825 89.2157 353.825 90.3533 353.825 91.491C352.955 175.743 345.391 244.872 331.335 296.936C338.296 301.018 345.726 305.167 353.089 309.316C356.703 311.39 360.117 313.398 363.798 315.406C387.426 328.589 412.66 341.973 439.433 355.558C442.914 357.364 446.662 359.104 450.142 360.911C459.446 365.596 468.683 370.28 478.322 374.964C479.526 375.567 480.664 376.169 481.869 376.704L482.137 376.838C481.4 378.177 480.798 379.515 479.928 380.653L480.062 380.586Z' fill='%23F8F8F8'/%3E%3C/svg%3E") no-repeat center center / contain;
	    width: 493px;
	    height: 402px;
	    z-index: -1;
	}
}





.left{
  float:left;
}
.right{
  float:right;
}
.clear{
	clear:both;
	border:0;
}


.aright{
text-align:right;
}
.acenter{
text-align:center !important;
}

h1,h2,h3,h4,h5,h6{
	margin: 20px 0;
	color: #454545;
	text-transform: uppercase;
	
}

h1{
	font-size:35px;	
	font-family: "Open Sans",sans-serif;
    text-transform: uppercase;	
	font-weight: 600;
    padding: 0 0;
    margin: 20px 0;
    line-height: 1.1;
}
h2{
	font-size:28px;	
	margin-bottom:10px;
}


.hide{
	display:none;
}



.desktop{
display:block !important;
}
.mobile{
display:none !important;
}


/* mobile */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	.desktop{
	display:none !important;
	}
	.mobile{
	display:block !important;
	}
}




#breadcrumb{
	padding-top:20px;
	padding-bottom:0px;
}
.breadcrumb{	
	margin-bottom:0;
}

.breadcrumb-item{
	margin-left:10px;
}
.breadcrumb-item a{
	color:#888888;
}
.breadcrumb-item a:HOVER{
	color:var(--main-color);
}





.nomperso{
	margin-left:18px;
}



hr{
	border-color:#818181;
	border-width: 2px;
}

.espace50{
	height:50px;
}
.espace20{
	height:20px;
}
.paddtop{
	padding-top:20px;
}


.margbot{
	margin-bottom:10px;
}


a{
color:var(--custom-color);
}
a:hover {
    color: #0188c1;    
}


a.green{
	color:#b4c618 !important;
}
.red{
	color:#b83535 !important;   
}


.bold{
	font-weight: 600;

}


.inline{
	display:inline-block;
}
.apercubt{
	margin-top:20px;
	color: #fff;
    background-color: var(--custom-color) !important;
    border-color: var(--custom-color) !important;
}

	

.bt{
    cursor:pointer;
}

.ligne{
  background-color:#eee;
  border:1px solid #ccc;
  padding:10px;
}
.btn-success{
  background-color: #b4c618;
  border-color: #b4c618;
}


label{
  font-weight:bold;
}

.round{
	width: 20px;
	height: 20px;
	border-radius: 20px;
	display: inline-block;  

}
.round.red{
	background-color:red;
}
.round.yellow{
	background-color:#b83535;
}
.round.green{
	background-color:#b4c618;
}
.round.grey{
	background-color:#666666;
}
.round.blue{
	background-color:var(--custom-color);
}
.round.yellowbat{
	background-color:#ecad02;
}

.error{
	border:1px solid red;
}

.modo .round{
float:left;
margin-right:10px;
}

.round.helper{
	color:#fff;
	padding:2px 0 0 10px;
	width: 28px;
	height: 28px;
	border-radius: 28px;
	font-weight: bold;
	margin-right:10px;
}

.round.helper.dix{
	padding:2px 0 0 5px;
}



.table-grey{
background-color: rgba(0,0,0,.05) !important;
border:0  !important;
}
.table-grey th,
.table-grey td{
border:0;
}



/* header */
#header{
	padding:20px 0;
	display:flex;
	align-items:center;
}
#header ul li{
	list-style-type:none;
	float:left;
}
#header ul li.icoli{
	width:50px;
}




.username{
	margin:5px 10px;
}
hr.small{
	width:20%;
}


#stepcustom{
	margin:0 !important;
	padding:0 !important;
}



.actus h2{
	margin-top:0 !important;
}




/* content */


.famille{
	background-color:#cfcfcf;
	border:5px solid #aaa;
	text-align: center;
	padding:0;
	margin-bottom: 20px;
	cursor:initial;
}

.famille.active{
	background-color:#ffffff;
	border:4px solid #666;
	cursor:pointer !important;
	color:red;
}

.famille.active.alone{
	max-width:50%;
	margin-left:25%;
}

.famille.unactive{
   opacity: 0.5;
   
}

.produit.unactive{
   opacity: 0.5;
   display:none;
}

.unactive{
   opacity: 0.5;
   display:none;
}


.famille img{
	width:100%;
	transition: transform .2s; /* Animation */
}

.famille{
	background-color:#cfcfcf;
	border:5px solid #aaa;
	text-align: center;
	/*padding:15px 0;*/
	margin-bottom: 20px;
	cursor:initial;
	position:relative;
	overflow:hidden;
}

.famille img:not(.bandeauimg):hover {
  transform: scale(1.05); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.produit{
	cursor:initial;
	position:relative;
	overflow:hidden;	
	}
.produit img{
	width:100%;
	transition: transform .2s; /* Animation */
}
.produit img:not(.bandeauimg):hover {
  transform: scale(1.05); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}






a.famillelink .famille h3{
	font-size: 20px;
	color:#000000 !important;
	text-decoration:none;
	text-transform:uppercase;
}
a.famillelink:HOVER{
	text-decoration:none;
}



.produit{	
	border:1px solid #9d9d9d;
	margin-bottom: 20px;
	cursor:initial;
	background-color: #fff;
	position:relative;
}
.produit .colprod{
	width:50%;
	float:left;
}
.produit .colprod h3{
	font-size:15px;
	font-weight:bold;
}
.produit .colprod p{
	font-size:12px;

}
.produit .colprod.text{
	
	color:#000000;
	padding:10px 5px 5px 10px;
}


.produit .colprod{
	width:50%;
	float:left;
}
.produit .colprod h3{
	font-size:15px;
	font-weight:bold;
}
.produit .colprod .description{
	font-size:13px;
     color:#6f6f6f;
}        
.produit .colprod .nouveau{
	font-size:13px;
    color:#000;
} 
.produit .colprod .descrorange{
	font-size:13px;
    color:#ed7d31;
} 
.produit .colprod .descrred{
	font-size:13px;
    color:red;
} 
  

.produit .colprod .cadeau {
   font-size:13px;
   color:#000;   
}
.produit .colprod .cadeau b{ 	
    color:#B4C71C ;
} 


.produit .colprod .nouveau b{
    color:red;
}
.produit .colprod.text{ 	
	color:#000000;
	padding:10px 5px 5px 10px;
}

.produit .colprod .docroutable{
   color:#000;
	font-size:12px;
   /*margin-left:35px;*/
}
.produit .produitlink{
    position:absolute;
    display:block;
    bottom:60px;
    right:54px;
}



.produit .colprod.img{
	position: relative;
	background-color: #e9ecef;
  	min-height:300PX;
  	cursor:pointer;
}
.produit .colprod.img .zoomico{
	position: absolute;
	z-index:30;
	top:140px;
	left:50%;
	color:var(--custom-color);
	font-size:30px;
	opacity: 0;
	transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-in;
}
.produit .colprod.img:hover .zoomico {
	opacity: 0.8;
	transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-in;
	}



.btn-primary,
.btn-success{
    color: #fff;
    background-color: var(--custom-color) !important;
    border-color: var(--custom-color) !important;
	
}

.btn-primary:HOVER,
.btn-success:HOVER{
    color: #fff;
    
    background-color: var(--custom-color2) !important;
    border-color: var(--custom-color2) !important;
    
}
.btn-primary a,
.btn-success a{
    color: #fff;
    text-decoration:none;
}


.btn-group-lg>.btn, .btn-lg {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem;
}

.bordertable{
	border:1px solid #bbb;
	padding:5px;
}

#customfield{
	display: none;
}

#adresselivraison{
	display:none;
}

#icoalerte{
	float:left;
	margin-right: 13px;
    margin-top: 1px;
}

#icoalerte .p1[data-count]:after{
    position: absolute;
    right: -11px;
    top: -17px;
    content: attr(data-count);
    font-size: 13px;
    /* padding: .2em; */
    border-radius: 50%;
    padding: 5px 7px;
    line-height: 1em;
    color: white;
    background: #b83535;
	background:rgba(184,53,53,0.8);
    text-align: center;
    min-width: 1em;
}
.p1{ 
	width: 50px;
	height: 50px;
	position: relative;
	margin-right:20px;
}


.famillerub1{
background:url('../images/rub1.png') top right no-repeat;
}

#noroutageform tr th{
	border-top:0px;	
}
#noroutageform tr td{
	border-bottom: 2px solid #dee2e6;	
}

.inputfloat{
	display:inline-block;
	width:auto;
	margin-bottom:10px;
}
.w50{
	width:50%;
}
.w75{
	width:75%;
}


.pricefields{
	/*border:1px solid #999;
	padding:10px;*/
}
.pricefields .priceinput,
.pricefields span{
	display: block ;
	float:left;
	color:#343a40 !important;
	font-weight: bold;
	margin-right:10px;
}

.pricefields .priceinput::placeholder{
	color:#bbb !important;
}

.priceinput{
	width:74px;
	text-align: right;
}

.priceinputblock label{
	font-weight:normal;
	font-style:italic;
	margin:0;
	padding:0;
	margin-top:5px;
}

.priceinputblock .col-3{
	margin-bottom:20px;
}
.priceinputblock .priceinput{
	margin-right:0px;
	width:56px;
}






.pricefields span{
padding-top:10px;
margin-left:10px;
margin-right:10px;
}

.selectmonth{
	width:140px;
	display: block ;
	float:left;
	margin-right:10px;
}

.weditor{
    border: 1px solid #ced4da;
    border-radius: .25rem;
    min-height:100px;
    padding:10px;
    background-color:#fff;
}

 hr.fullwidth {
    margin: 0;
    border-top: 1px solid #dedede;
}



#mainNav ul {
    margin-top: 6px;
    margin-bottom: 1rem;
    margin-left: 0;
    padding-left: 21px;
    /*margin-right:120px; */
}

#mainNav .level1>li>a {
    display: block;
    color: #454545;
    line-height: 53px;
    font-size: 13px;
    text-transform: uppercase;
    border-bottom: 1px solid transparent;
}
#mainNav .level1>li>a:HOVER {
	text-decoration:none;
}


#mainNav .level1>li {
    display: inline-block;
    padding-right: 15px;
    list-style-type: none;
}

#mainNav .level1>li>a.active {
	border-bottom: 2px solid #454545;
}




#content{
	/*background:url('../img/back_left.jpg') top left no-repeat;
	background-size: contain;*/
	/*background-color:var(--custom-color);*/	
	padding-top:20px;	
	padding-bottom:20px;
		
}

#content ul {
	margin-left:-15px;	
}
#content ul li:before, #content ol li:before {
    content: '';
    background-image: url(../images/arrow-blue.svg);
    display: inline-block;
    width: 9px;
    height: 11px;
    position: absolute;
    margin: 8px 0 0 -15px;
}
#content ul li, #content ol li {
    position: relative;
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #111;
    padding: 6px 0px 6px 15px;
    line-height: 28px;
}


#content ul.nav-tabs li:before {
	background-image: none;
	padding: 6px 0px 0px 15px;
}
#content ul.nav-tabs li {
	padding: 6px 0px 0px 15px;
}

#content ul.ssfamille{
	padding-left:20px;
}
#content .admin ul.ssfamille{
	padding-left:25px;
}





#arbocol h2{
	border-bottom:1px solid #ddd;
	padding-bottom:10px;
	margin-bottom:0;
}
#arbocol ul.arbo li:before{
	background-image: url('../images/Folder_Icon.svg');
    width: 20px;
    height: 20px;
    margin: 3px 0 0 -28px;
}


#arbocol ul.arbo li{
	border-left:1px solid #ccc;
	cursor:pointer;
}
#arbocol ul.arbo li span{
	width:100%;
	display:block;
}

#arbocol .selected{	
	background-color:#eee;
}

#arbocol1{
	padding-right:0;	
}
#arbocol2{
	padding-left:0;	
	background-color:#eee;
}

#arbocol2 #files{
	padding:20px;
}


#content #contentcontainer{
	/*background-color:rgba(255, 255, 255, 1);*/
	min-height:550px;	
}


#content ul.pagination li {
	padding-left: 0px;
}
#content ul.pagination li:before{
	background-image:none;
	width: 0px;
}

.new{
	margin-top:10px;
}
.new img.right{
	margin-left:15px;
	margin-bottom:10px;
}
.date{
	font-family: "Rajdhani", sans-serif;
	font-weight: 500;
	font-style: normal;
}



p{
	font-size: 14px;
    color: #111;
    font-weight: 400;
    line-height: 28px;
}


#content .page-link {
    color: var(--custom-color);
}
#content .page-item.active .page-link {
    background-color: var(--custom-color);
    border-color: var(--custom-color);
}


footer{
	border:0px;
}
footer a{
	color:#fff;	
}

footer .footerlink{
	
}

footer .footerlink .logofoot img{
	padding:10px;
	width:100%;
	margin:10px;
}


footer .footerlink h4{
	color:#fff;
}
footer .footerlink .links ul{
	padding:0;
}	
footer .footerlink .links ul li{
	list-style-type:none;
}
footer .footerlink .links ul li i {
	color:#fff;
}
footer .footerlink .links ul li a {
	font-size:13px;
}

footer .footerlegal{
	background-color:var(--main-color);
	color:#b3b3b3;	
}
footer .footerlegal .container{
	height:45px;
	padding-top:8px;
}
footer .footerlegal .container b{
	color:#fff;
}


.paddingtdmedia1{
	padding-top:30px !important;
}
.paddingtdmedia2{
	padding-top:68px !important;
}
#arbocol2 h2{
	margin-left:20px;
}


#form_contact input{
	margin-bottom:20px;
}

#detailsblock{
	border: 1px solid #333;
    padding: 10px;
    margin: 10px 0;

}
#upload_again{
	margin-top:10px;
	margin-bottom:20px;
}




#loadermask{
  display:none;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:999999;
  background-color: rgba(255,255,255, 0.9);
  text-align: center;
}

#loadermask #loader{
  position:fixed;
  width:300px;
  left:50%;
  margin-left:-150px;
}
#loadermask #barre{
    margin-top:15px;
    height:20px;

}
#loadermask #barre .ui-widget-header {
    border: 1px solid #dddddd;
    background: #b3c618;
    color: #333333;
    font-weight: bold;
}
#loadermask #barre .ui-progressbar .ui-progressbar-value {
    margin: 0px !important;
    height: 100%;
}


.tabletarif{
     border:1px solid #dee2e6;
}
.tabletarif tr td,
.tabletarif tr th{
	font-size:14px;
	padding:8px;
}




table.bats td,
table.bats th{
border-top:0;
}


.etat0{
color:#808080;
}
.etat1{
color:#b83535;
}
.etat2{
color:#ddb037;
}
.etat3{
color:#b4c71b;
}


.depotposte{
	/*margin-top:25px;	*/
}
.depotposte label{
	font-weight:normal;
}


.slim-file-hopper{
	border:2px dotted var(--custom-color);
	padding:5px !important;
}


.tooltip.icon{
	opacity:1;
	display:inline-block !important;
	position:inherit !important;
	color:var(--custom-color);
	cursor:pointer;
	font-size:1rem;
	color:#f89802;
}


.admin .table-striped td,
.admin .table-striped th{	
	font-size:14px;
}
.admin .table-striped td a,
.admin .table-striped th a{	
	display:inline-block;
	margin:5px;
}

.liltab.table-striped td,
.liltab.table-striped th{	
	font-size:14px;
}
.liltab.table-striped td a,
.liltab.table-striped th a{	
	display:inline-block;
	margin:5px;
}



.btn-toolbar .btn-group .btn{
	height:30px;
	background-color:#777;
	border:1px solid #ccc;
	color:#333;
	padding:7px 11px;
}


.occasion label{
	font-weight:normal;
	min-width:150px;
}


#files .mediablock{
   text-align:center;    
    padding-bottom:20px;
    padding-top:25px;
    border-bottom:1px solid #000;
}
#files .titremedia{
	margin:5px auto;
	min-height:80px;
	text-transform: uppercase;
    font-size:14px;
    overflow-wrap: break-word;
}

/*
#files img{
    width:100%;
}   

*/
.backoffice #files img{
    
    width:auto;
   
    max-width:200px;     
    max-height:150px;
}  

.backoffice #header,
.backoffice #header a{
	color:#fff;
}

  
#files .imgmedia{
     min-height:150px;
    /*
     min-height:253px;
    border:1px solid #444;
    background-color:#fff;
    */
}  
 



.new {
text-align:justify;
}

/*
.sidebar ul li{
    padding: 0px 0px 0px 15px !important;
}
*/

#content ul li.famille_media.n2 {
	padding: 3px 0px 3px 25px;
}
#content ul li.famille_media.n3 {
	padding: 3px 0px 3px 35px;
}
#content ul li.famille_media.n4 {
	padding: 3px 0px 3px 45px;
}
#content ul li.famille_media.n5 {
	padding: 3px 0px 3px 55px;
}


/*
#arbocol ul.arbo li.n2:before {
    background: url(../img/Folder_Icon.svg) no-repeat;    
    width: 20px;
    height: 20px;
    margin: 3px 0 0 -28px;   
}

#arbocol ul li.famille_media.n2 {
	padding: 3px 0px 3px 35px;
}
#arbocol ul li.famille_media.n3 {
	padding: 3px 0px 3px 45px;
}
#arbocol ul li.famille_media.n4 {
	padding: 3px 0px 3px 55px;
}
#arbocol ul li.famille_media.n5 {
	padding: 3px 0px 3px 65px;
}
*/

#arbocol ul li.famille_media {
	padding: 5px 0px 0px 0px !important;
}
#arbocol ul.ssfamille {
	border-top:1px solid #ccc !important;
}





#mainNav, #header{
	position:relative;
}


.preheader{
	/*background-color:var(--main-color);	*/
	/*background:url('../images/back_top.png') top center repeat-x;*/
	background-color:#4e4c4d;
	border-top:5px solid var(--custom-color);
}

.preheader #adresse{
	color:#fff;
	font-size:12px;
	height:48px;
	padding-top:15px;	
}


.shadowheader{
    box-shadow: 0 10px 50px -2px rgba(0, 0, 0, .14);
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
}


.headtop{
	background-color:#fff;
}

#navtop{
	
	position:absolute;
    right: 0px;
    /*background-color:var(--main-color);*/
    
}
#navtop a{
	color:var(--main-color);
	}


.bebas-neue-regular {
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
}


#icors{
	position:absolute;
    right: 1px;
    top: 45px;
}



#bdc .refs tr.active{
background-color: #accffd !important;
}
#bdc .refs tr,#bdc .refs td{	
	height:35px;

}
#bdc .refs td{
	padding:10px;	
}
#bdc .refs td.inputtd{
	padding:5px;	
}



#bdc .refs input.form-control{
	width:75px;
	height:32px;
	margin:0;
	display:block;
	float:right;
	text-align:right;
	
}

#bdc label.uneligne{	
	display:inline-block;
	width:200px;
}
#bdc input.uneligne,
#bdc select.uneligne{
	max-width:250px;
	display:inline-block;
	margin-left:20px;
}

#bdc input.uneligne.totaux{
	width:150px;
	text-align:right;
	font-weight:bold;
}

#bdc tr.active0{
	background-color:#d8d8d8;
    display:none;
}

#bdc tr.active0 td.inputtd input{
	display:none;
}

.detailorderlineback tr td{
	padding:4px;
	
	
}


.visible0 {
	display:none !important;
}
.backoffice .visible0{
	display:block !important;
}
.backoffice .visible0 a{
	color:#888 !important;
}



#loading{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(255, 255, 255, 0.8);
}
#loading #spinner{
	position:fixed;
	left:50%;
	margin-left:-175px;
    width:450px;
	top:50%;
	margin-top:-180px;
	text-align:center;
    
    background-color:#ffffff;
    padding:20px;
    border: 2px dotted var(--custom-color);
}


.shadowExtrem{
	box-shadow:
  0 2.8px 2.2px rgba(0, 0, 0, 0.02),
  0 6.7px 5.3px rgba(0, 0, 0, 0.028),
  0 12.5px 10px rgba(0, 0, 0, 0.035),
  0 22.3px 17.9px rgba(0, 0, 0, 0.042),
  0 41.8px 33.4px rgba(0, 0, 0, 0.05),
  0 100px 80px rgba(0, 0, 0, 0.07)
;
}

.borderLemken{
	border:2px solid var(--custom-color);
}



.mercitext{
color:var(--custom-color);
font-size:15px;
text-align:left;
padding-left:42px;
font-weight:bold;
font-family:arial;

}

.news{
	padding-left:20px;
}

.fullimg{
	width:100%;
}

.pad{
	padding-bottom:5px;
	display: flex;
}

.pad > * {
	margin-left: 10px;
}

/*
.famillelink #f_1{
	background:#009fe3 url('../img/grande_famille_1.jpg') top center no-repeat;
	height:303px;
}
.famillelink #f_1 img,.famillelink #f_1 h3{
	display:none;
}

.famillelink #f_2{
	background:#009fe3 url('../img/grande_famille_2.jpg') top center no-repeat;
	height:303px;
}
.famillelink #f_2 img,.famillelink #f_2 h3{
	display:none;
}

.famillelink #f_3{
	background:#003366 url('../img/grande_famille_3.jpg') top center no-repeat;
	height:303px;    
    border: 5px solid #003366;
}
.famillelink #f_3 img,.famillelink #f_3 h3{
	display:none;
}
*/



.inputinline{
	float:left;
	width:300px;	
}
.inputinlinetel{
	float:left;
	width:200px;
	margin-left:4px;	
}
.adressesicoinline{	
	margin-left:5px;
}
.adressesicoinline svg{	
	margin-top:7px;
}


.jstree ul{
	margin:0;
	padding:0;
}
#content .jstree li:before{	
	background:none !important;
	display:none;
}
#content .jstree ul li {	
	margin:0 !important;
	padding:0 !important;	
	margin-left:42px !important;
}
#content .jstree ul li.root{
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.sidebar,.sidebar .logo{
	border-right:1px solid #ddd;
}

.sidebar .instagram-media{
	width:100% !important;	
	min-width:100% !important;	
}

.sidebar .logo{
	background-color:#fff;
}



#lignecredit{
    background-color: #e9ecef;
    border-radius: 0.25rem;
	display: inline-block;
	margin-top:10px;
}

#credits,#facturation{
	float:left;
	display: inline-block;
	/*width:300px;*/
	margin:10px 20px 10px 15px;
	color: var(--custom-color);
    font-weight: bold;
    font-size: 13px;
    /*
	text-shadow: 1px 1px 2px #28374c;
	*/
}

.commentairefamille{	
	font-size:15px;
	color:#003366;
	margin-top:5px;
	margin-left:19px;
	margin-right:10px;	
	padding:10px;	
	background-color: #fff;
}

.gris{
	background-color:#EEE;
}

.actuanim{
	opacity: 0;
  	transform: translateX(-30px);
}

.actuanim.appear{
	animation: apparition 0.8s 0.8s ease-out forwards;
}

.media_img{
	width:20%;
}

.mediablock .imgmedia img{
	max-width:100%
}

.brochureTh{
	text-align:center;
}

.aBroch{
	display:block;
}

.imgbroch{
	width:100%;
	position:absolute;
	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
}

.conteneurimgbroch{
	vertical-align: middle;
	overflow:hidden;
	width:100px;
	height:65px;
	position:relative;
	margin: auto;
}

.inputnom{
	padding-bottom:30px;
	margin-bottom:40px;
}

.pinline{
	margin-bottom:0px;
}

.inputNb{
	float:left;
	width:60px;	
}

.realNb{
	margin-left:5px;
    line-height: 38px; /* Centrez verticalement le contenu */
}

.divprix{
	display:flex;
	flex-wrap:wrap;
}

.card-header{
	color:#000000;
}

button .carte{
	border:0px;
}

div .carte{
	margin-bottom:25px;
	border: 1px solid #333;
	padding:10px;
}

#infoquantite{
	opacity:0.6;
	font-size:14px;
}

.card{
	padding:8px;
}

#arbocol ul.arbo li:before{
	background-image: url(../images/Folder_Icon.svg);
    width: 20px;
    height: 20px;
    margin: 3px 0 0 -28px;
}

#mob_view{
	background: url('../sms/images/mob_sms_view_blue.png') center no-repeat;
	/*width:375px;*/
	height:718px;
	position: relative;
}
#mob_view .zone{
    width: 239px;
    background-color: #cfcfcf;
    border-radius: 10px;
    padding: 10px;
    position: absolute;
    top: 171px;
    left: 125px;
	word-wrap: break-word;
    min-height: 50px;
    text-align: left;
}

#mob_view .expediteur{
    width: 239px;    
    border-radius: 10px;
    padding: 10px;
    position: absolute;
    top: 90px;
    font-size:18px;
    font-weight:bold;
    left: 125px;
	word-wrap: break-word;
    min-height: 50px;
    text-align: left;
}

.pagination-nav {
	position:relative;
    display: flex;
    justify-content: center;
    margin-top: 10px; /* Adjust as necessary to add space above the pagination */
}

.formpage {
    position: absolute;
    top: 0;
    left:75%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.page-link, .page-link:hover{
	color: var(--main-color);
}

input.navpagehisto, input.navpagehisto:focus{
	border:solid 1px var(--main-color);
	color:var(--main-color);
}

.histoheader{
	display: flex;
    align-items: center;
    justify-content: space-between; /* Cela espace les éléments */
}

.ribbon {
  position: absolute;
  right: var(--right, 20px);
  top: var(--top, -3px);
  filter: drop-shadow(2px 3px 2px rgba(0, 0, 0, 0.5));
}

.ribbon > .content {
  display: flex; 
  justify-content: center;
  align-items: center;
  color: white;
  font-size: 1.5rem;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 50% calc(100% - 8px), 0 100%);
  width: var(--width, 36px);
  min-height: var(--height, 50px);
}


.ribbon .content.linkedin {
  background: var(--color, #2ca7d8) linear-gradient(45deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.25) 100%);
}

.ribbon .content.facebook {
  background: var(--color, #3b5998) linear-gradient(45deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.25) 100%);
}


.titre_post{
	color: var(--custom-color);
	text-transform: uppercase;
	font-size: 22px;
}

.rs_l_f{
	color:#000000 !important;
	text-decoration:none;
	text-transform:uppercase;
}

h2.rs_l_f{
	font-size:30px;
}


h3.rs_l_f{
	font-size: 20px;
	margin: 0px;
}
rs_l_f:HOVER{
	text-decoration:none;
}

.familleRS{
	margin:0px;
}

.modalPostRS{
	width:432px;
}

@keyframes apparition {
  100%{
    opacity: 1;
    transform: none;
  }
}




/* menu smartphone */
.burger-container{
  float:right;
  cursor:pointer !important;
  margin-top:15px;
}

.burger {
  cursor:pointer;
  height: 3em;
  width: 3em;
  position: relative;
  font-size: 12px;
  cursor: pointer;
  -webkit-transition: .2s all;
  -o-transition: .2s all;
  transition: .2s all;
  -webkit-tap-highlight-color: transparent; }
  .burger .burger-lines:after {
    left: 0;
    top: -1em; }
  .burger .burger-lines:before {
    left: 1em;
    top: 1em; }
  .burger:after {
    content: '';
    display: block;
    position: absolute;
    height: 150%;
    width: 150%;
    top: -25%;
    left: -25%; }
  .burger .burger-lines {
    top: 50%;
    margin-top: -0.125em; }
    .burger .burger-lines, .burger .burger-lines:after, .burger .burger-lines:before {
      pointer-events: none;
      display: block;
      content: '';
      width: 100%;
      border-radius: 0.25em;
      background-color: var(--custom-color) ;
      height: 0.25em;
      position: absolute;
      -webkit-transform: rotate(0);
          -ms-transform: rotate(0);
              transform: rotate(0); }
    .burger .burger-lines:after {
      left: 0;
      top: -1em; }
    .burger .burger-lines:before {
      left: 1em;
      top: 1em; }
.burger.burger-squeeze .burger-lines, .burger.burger-squeeze .burger-lines:after, .burger.burger-squeeze .burger-lines:before {
  -webkit-transition: .2s top .2s, .1s left, .2s transform, .4s background-color .2s;
  -o-transition: .2s top .2s, .1s left, .2s transform, .4s background-color .2s;
  transition: .2s top .2s, .1s left, .2s transform, .4s background-color .2s; }

.burger.burger-squeeze .burger-lines:after, .burger.burger-squeeze .burger-lines:before {
  width: 2em; }

.burger.burger-squeeze.open .burger-lines, .burger.burger-squeeze.open .burger-lines:after, .burger.burger-squeeze.open .burger-lines:before {
  -webkit-transition: .2s background-color, .2s top, .2s left, .2s transform .15s;
  -o-transition: .2s background-color, .2s top, .2s left, .2s transform .15s;
  transition: .2s background-color, .2s top, .2s left, .2s transform .15s; }

.burger.burger-squeeze.open .burger-lines {
  background-color: transparent; }

.burger.burger-squeeze.open .burger-lines:before, .burger.burger-squeeze.open .burger-lines:after {
  left: 0.5em;
  top: 0px; }

.burger.burger-squeeze.open .burger-lines:before {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg); }

.burger.burger-squeeze.open .burger-lines:after {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg); }

#menumobile{
display:none;
position:absolute;
z-index:5000;
top:71px;
width:100%;
height: calc(100vh - 71px);
background-color:red;
padding-top:20px;
background-color: rgba(217, 217, 217, 0.9);
color:#ffffff;
}
#menumobile ul{
	margin:0px;
	padding:0;
}
#menumobile li{
	text-align:center;
	list-style-type:none;
	margin-top:15px;
}
#menumobile li a{
	color:var(--main-color);
}
#menumobile li a i{
	color:rgb(191, 26, 23)	
}
#menumobile li button a,
#menumobile li button a i{
	color:#fff;
}
#menumobile hr{
	width:80%;
}
	


.preheadermobile{
	background-color:#fff;	
}



.edito{
	text-align:center;
}

.tooltip.icon{
	opacity:1;
	display:inline-block !important;
	position:inherit !important;
	color:#004b6c;
	cursor:pointer;
	font-size:1rem;
	color:#f89802;
}


/* mobile */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	
	.produit .colprod.img {
    background-color: #fff;
    min-height: 250PX;   
	}
	
	.produit .produitlink {	    
	    bottom: 10px;
	    right: 71px;
	}	
	
}




/* page produit */
#producttext h1{
	font-size:40px;
	margin-top:5px;		
	margin-bottom:5px;	
}

#producttext .famille-fiche{
	background:var(--second-color);
	display:inline-block;
	padding:4px 9px;
	border-radius:6px;
	margin-bottom:20px;
}


#producttext ul{
	margin:0;
	padding:0;
}
#producttext ul li{
	margin-top:0px;	
	margin-bottom:0px;
	padding-top:0px;	
	padding-bottom:0px;		
}

#producttext .proprietes{
	background:var(--second-color);
	padding:10px;
	border-radius:6px;
} 

#producttext .routage{
	background:rgb(233, 236, 239); /*var(--second-color);*/
	padding:15px;
	border-radius:6px;		
}

#producttext #routageform{
	margin-top:10px;
	font-size: 16px;
}

#producttext .qtepart{
	background:rgb(233, 236, 239); /*var(--second-color);*/
	padding:15px;
	border-radius:6px;
}

.qtepart table{
	margin-bottom:0;
}

.qtepart table tr.tabletarif,
.qtepart table tr.tabletarif td{
	border:0 !important;
}

#selectqte{
	max-width:200px !important;	
}

#tarifcalcule{
	font-size:18px;
}

@media (max-width: 767px) {
    body {
        padding-left: 0px;
        padding-right: 0px;
    }
}


#associatedproducts .associatedproduit{	
	background-color:var(--second-color);
	border:1px solid #bbb;
	border-radius: 6px;
}
#associatedproducts .associatedproduit .img{	

	border-top:1px solid #bbb;
	border-bottom:1px solid #bbb;
	
}


#associatedproducts .associatedproduit h3,
#associatedproducts .associatedproduit .description{
	padding:10px;
}

#associatedproducts .associatedproduit h3{
	font-size:20px;
	font-weight:bold;
	margin:5px 0;
	text-align:center;
	min-height: 62px;
	
}
#associatedproducts .associatedproduit .description{
	font-size:14px;
}

.productmini{
	clear:both;
	margin-bottom:20px;
	min-height:185px;
}
.productmini .imgmini{
	width:40%;
	float:right;
}
.productmini .imgmini img{
	width:100% !important;
}
.productmini .titremini{
	font-weight:bold;
}
.productmini .descrmini{
	font-size:14px;
}


.productmini .linkmini{	
	margin-top:20px;
}


.btinscription{
	width:50%;
}

#inscription sup{
	color:red;
}
#inscription small{
	display:block;
	font-size:10px;
	background-color:#eee;
	padding:10px;
}

@media (max-width: 767px) {
	.btinscription{
		width:100%;
	}
}



#producttext .option {
	margin-top:25px;
    background: rgb(233, 236, 239);
    padding: 15px;
    border-radius: 6px;
}

.option .labeloption{
	padding-top:5px;
	float:left;
	width:120px;
}
.option .selectoption{
	float:left;
	width:auto;
	margin-left:20px;
	margin-bottom:20px;
}

.optiondisplay{
    background: rgb(233, 236, 239);
    padding: 5px;
    border-radius: 6px;
    font-size:14px;
}
.account .optiondisplay{
	display:block
	}
.account .btn{
	margin:2px;
}


#supprpj{
	font-size: 80%;
	cursor:pointer;
}


footer{
	background-color:#666;
	/*background:#d9d9d9 url('../images/back_footer.png') top center no-repeat;*/
	margin-top:20px;

}


.footertop .fun{
	position:relative;
	margin-top:-50px;
}
.footertop .fun img{
	position:absolute;
	top:-25px;
	left:30px;
}



.footertop .fun .jaune{
	background-color:#f0b627;
	min-height:261px;
	width:100%;	
	margin-bottom:25px;
	border-radius:15px;
	
	padding-left: 348px;
    padding-top: 29px;
    color:#fff;	
}

.footertop .fun .jaune h2{
	font-weight:bold;
	color:#fff;	
}


.footertop .links ul{
	margin:0;
	margin-top:30px;
	padding:0px;
}
.footertop .links ul li{
	list-style-type: none;
	margin:0 0 20px 0;
}
.footertop .links ul li a,
.footertop .links ul li i{
	color:var(--main-color);
}

.footertop .links ul li span{
	display:inline-block;
	min-width:27px;
	text-align:center;	
}

.optionproductedit .txt{
	width:40px;
}
.optionproductedit .box{
	margin-right:10px;
}
.optionproductedit label{
	color:#000;
}