/*********LOGIN********/
@media only screen and (max-width:767px){
#login-container h1{font-size: 2.05rem;}
.login-card{font-size: 1.1rem;}

}
@media only screen and (max-width:575px){
#login-container h1{font-size: 2rem;}
.login-card{font-size: 1rem;}
.login-card .form-control {height: 50px;}
.login-card button.btn.btn-rounded{font-size: 1rem;}
}
@media only screen and (max-width:420px){
	#login-container h1{font-size: 1.99rem;}
	.login-card,.login-card .font-size-16{font-size: 0.875rem;}
	.login-card .form-control {height: 47px;}
}
@media only screen and (max-width:365px){
	#login-container h1{font-size: 1.75rem;}
	.login-card,.login-card .font-size-16{font-size: 0.85rem;}
	.login-card button.btn.btn-rounded{font-size: 0.875rem;padding-left: 10px!important;padding-right: 10px!important;}
}
		

/********commun********/
@media only screen and (max-width:1700px){
	.logo-footer img{max-width:200px}
	#footer,.copyright{font-size: 0.875rem;}
}
@media only screen and (max-width:1250px){
	#footer,.copyright{font-size: 0.85rem;}
	.logo-footer img{max-width:160px}
}
@media only screen and (max-width:992px)
{
	.header-dashboard-icons { margin-top:10px!important; } 
	.modal-xl, .modal-lg { max-width:none!important; }
	.lg-text-center { text-align: center !important; }
	
}
@media only screen and (max-width:576px){
	.modal-xl, .modal-lg { max-width:none!important; }
	.mobile-text-center { text-align: center !important; }
	.dashboardcode-bsmultiselect ul li {width: 100% !important;}
}

@media only screen and (max-width:768px)
{
	.logo-footer img{max-width: 250px;}
	#footer{font-size: 0.875rem;}
	#footer .footer-nav .footer-link-column{background-color: #fff;padding: 0!important;width: 100%;color: #053b22;border: 0;font-size: 1rem;text-transform: uppercase;}
	#footer .footer-nav .dropdown-toggle{background: #053b22;border:none;color: #FFF;text-transform: uppercase;padding:15px!important;font-size: 1rem;}
#footer .footer-nav .footer-mobile{background: #053b22;border:none;color: #FFF;text-transform: uppercase;padding: 15px;font-size: 1rem;}
#footer .footer-nav .footer-mobile.has-dropdown-m{background: none;padding:0 !important;text-transform: none!important;}
#footer .footer-mobile.d-none.has-dropdown-m.open .dropdown-toggle{background-color:#42974d ;}
#footer .footer-mobile.d-none.has-dropdown-m.open .dropdown-toggle::after{border-bottom: .3em solid;border-top: 0;}
	#footer .footer-nav .footer-link-column {text-align: center !important;}
	#footer  .title-menu-t.footer-link-column{background: #053b22;border:none;color: #FFF;text-transform: uppercase;padding: 15px!important;font-size: 1rem;}
	#footer .footer-nav .footer-large {display: none;}
	#footer .footer-nav .footer-mobile {display: block !important;border-top: none;}

	#footer .footer-nav .right-box {border-left: 0;}
	.lien-footer-menu li{display: block;border-bottom: 1px solid #053b22;border-right: none;padding: 5px 0;}
	#footer .footer-nav .row-footer-links {max-width: none;width: 100%;}
	.dashboardcode-bsmultiselect ul li {width: 50%;}
	.articles-top-carousel .carousel-inner .card {max-width: 250px;} 
	#footer .footer-nav .footer-mobile.has-dropdown-m .collapse >div{margin-bottom: 10px;}
	#footer .footer-nav .footer-mobile.has-dropdown-m .collapse{text-transform: none!important;}
	#footer .footer-nav .footer-mobile.has-dropdown-m .collapse a{color: #053b22;text-transform: none!important;}
	#footer .footer-nav .footer-mobile.has-dropdown-m .collapse a:hover{color: #42974d;}
}

/******MENU***********/
@media only screen and (max-width:1480px){
	.navigation-site .nav-item{margin-left:1px;margin-right:1px;}
	.navigation-site .nav-item >.nav-link{padding-left: 1.2rem;padding-right: 1.2rem;}
	.navbar-brand img {width: 100%;}
}

@media only screen and (max-width:1350px){
	.navigation-site .nav-item >.nav-link{font-size: 1.5rem;}
	.navbar-brand img{max-width: 250px;}
	
}
@media only screen and (max-width:1200px){
	.navigation-site .nav-item >.nav-link{height: 70px;}
	.search-form-content {background-size: 100% 100%;}
	.bloc-right-header a {font-size: 0;width: 45px;background-position: center;padding-left: 0;}
	.bloc-right-header .link-logout-header {font-size: 0.875rem;}
	
	.bloc-right-header {width: max-content;margin-left: auto!important;}
}
@media only screen and (max-width:992px){
	.navbar-brand img{margin: auto;display: block;}
	#js-toggle-nav-menu{min-width: 75px;}
	.navigation-site{    padding-left: 0;}
}
@media only screen and (max-width:575px){
	
	#js-toggle-nav-menu{min-width: 40px;margin-right: 0;}
}
@media only screen and (max-width:375px){
	
	.cart-link-mobile {width: 30px;background-size: 30px 30px;height: 30px;}
	.header-paniers-nbr {width: 2rem;height: 2rem;font-size: 0.875rem;}
	.navbar-light .navbar-brand{padding-top: 0;padding-bottom: 0;}
}
 
/*=====================================
 	SLIDER
=====================================*/ 
@media only screen and (max-width:1250px){
	.text-1-slider{font-size: 60px;}
	.text-2-slider{font-size: 60px;}
	.font-18{font-size: 16px;}
	.font-size-22{font-size: 21px;}
	.title-medium{font-size: 2.1rem;}
	.font-size-24{font-size: 1.375rem;}
}
@media only screen and (max-width:1080px){
	.text-1-slider{font-size: 56px;}
	.text-2-slider{font-size: 56px;}
	.font-18{font-size: 15px;}
	.font-size-22{font-size: 20px;}
	.font-size-15{font-size: 0.875rem;}
}
@media only screen and (max-width:992px){
	.carousel-inner {min-height: 400px;}
	.text-1-slider{font-size: 45px;}
	.text-2-slider{font-size: 45px;}
	.font-18{font-size: 14px;}
	.font-size-22{font-size: 19px;}

}

@media only screen and (max-width:768px){
	.carousel-inner {min-height: 350px;}
	.text-1-slider{font-size: 40px;}
	.text-2-slider{font-size: 40px;}
	.font-18{font-size: 13px;}
	.font-size-22{font-size: 17px;}
	.title-medium{font-size: 2rem;}
	.font-size-24{font-size: 1.325rem;}
	.font-size-15{font-size: 0.85rem;}
}
@media only screen and (max-width:680px){
	.text-1-slider{font-size: 35px;}
	.text-2-slider{font-size: 35px;}
	.font-18{font-size: 12px;}
	.font-size-22{font-size: 16px;}

}
@media only screen and (max-width:575px){
	.text-1-slider{font-size: 30px;}
	.text-2-slider{font-size: 30px;}
	.font-18{font-size: 11px;}
	.font-size-22{font-size: 14px;}
	.title-medium{font-size: 1.8rem;}
	.title-choice-display{padding-right: 70px;}
	.font-size-24{font-size: 1.3rem;}
	.font-size-15{font-size: 0.825rem;}
}
@media only screen and (max-width:420px){
	.font-size-24{font-size: 1.25rem;}
}
@media only screen and (max-width:370px){
	
	.font-size-22{font-size: 13px;}
}
@media only screen and (max-width:330px){
	
	.font-size-22{font-size: 12px;}
}

/*=====================================
 	CDE
=====================================*/ 
@media only screen and (max-width:1450px){
	.table-resume-site tr td{padding-right: 5px; padding-left: 5px;}
	.table-resume-site tr td.font-20{font-size: 1.05rem;}
}
@media only screen and (max-width:992px){
	.cde1-btn-suivant #btnSuivant{font-size: 22px;}
	.table-resume-site tr td.font-20{font-size: 1.25rem;}
}
@media only screen and (max-width:768px){
	.cde-progress{margin-top: 5px; margin-bottom: 5px;}
	.cde1-btn-suivant #btnSuivant{font-size: 20px;}
}
@media only screen and (max-width:375px){
	.table-resume-site tr td.font-20{font-size: 1.05rem;}
}

/*=====================================
 	ARTICLE DISPLAY BLOCK
=====================================*/ 
@media only screen and (max-width:1850px){
.article-bloc-display .pxp-lg-3 {padding-left: 1rem;padding-right: 1rem;}
.article-bloc-display.mxp-lg-n3 {margin-left: -1rem;margin-right: -1rem;}
.article-bloc-display .card {padding-left: 0.625rem!important;padding-right: 0.625rem!important;}
}
@media screen and (min-width: 1200px) and (max-width: 1670px) {
	.article-bloc-display > div{-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%;}
}
@media screen and (min-width: 992px) and (max-width: 1250px) {
	.article-bloc-display .js-change-qte-box {min-width: 110px;}
		.article-bloc-display .btn-qty {width: 30px;}
		.article-bloc-display .input-article-qte {width: 35px;}
		.article-bloc-display .input-articletop-qte {width: 35px;}
}
@media screen and (min-width: 992px) and (max-width: 1201px) {
	.article-bloc-display .pxp-lg-3 {padding-left: 0.625rem;padding-right: 0.625rem;}
.article-bloc-display.mxp-lg-n3 {margin-left: -0.625rem;margin-right: -0.625rem;}
.article-bloc-display  .font-size-16 {font-size: 0.875rem;}
.state-article .col-12-perso-mob{    -ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
.article-bloc-display .js-change-qte-box {justify-content: flex-start!important;-ms-flex-pack: start!important;}
.state-article {text-align: center;}
.d-block-perso-mobile, .d-block-perso-mobile>.row{display: block!important;}
.d-block-perso-mobile .col-6{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;text-align: center!important;}
.d-block-perso-mobile>.row >.col-12.text-right{text-align: center!important;}
}

@media screen and (min-width: 576px) and (max-width: 767px) {
	.article-bloc-display .pxp-lg-3 {padding-left: 0.625rem;padding-right: 0.625rem;}
.article-bloc-display.mxp-lg-n3 {margin-left: -0.625rem;margin-right: -0.625rem;}
.article-bloc-display  .font-size-16 {font-size: 0.875rem;}
.state-article .col-12-perso-mob{    -ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
.article-bloc-display .js-change-qte-box {justify-content: flex-start!important;-ms-flex-pack: start!important;}
.state-article {text-align: center;}
.d-block-perso-mobile, .d-block-perso-mobile>.row{display: block!important;}
.d-block-perso-mobile .col-6{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;text-align: center!important;}
.d-block-perso-mobile>.row >.col-12.text-right{text-align: center!important;} 
}
@media only screen and (max-width:575px){
	div#article-panier-continue + div + #commander-article-content .mt-perso-table {margin-top: 4px;}
}

@media only screen and (max-width:345px){
	.article-bloc-display .js-change-qte-box {min-width: 110px;}
		.article-bloc-display .btn-qty {width: 30px;}
		.article-bloc-display .input-article-qte {width: 35px;}	
		.article-bloc-display .input-articletop-qte {width: 35px;}
 }

 /*=====================================
 	MENU INFO
=====================================*/
@media only screen and (max-width:1080px){
	.nav-menu-account .nav-link{font-size: 0.875rem;}
}
@media only screen and (max-width:768px){
	.nav-menu-account .nav-link{font-size: 0.85rem;}
}

 /*=====================================
 	TITRE INFO
=====================================*/
@media only screen and (max-width:1080px){
	.title-form{font-size: 2.5rem;}
	.title-form i{transform: scale(0.8);-webkit-transform: scale(0.8);-ms-transform: scale(0.8);margin-top: -0.5rem;margin-right: -2rem;}
	#document_filtre_filtreSubmit, .form-content-perso #document_filtre_filtreReinit, .font-20{font-size: 16px;}
}
@media only screen and (max-width:980px){
	.title-form{font-size: 2.4rem;}
}
@media only screen and (max-width:767px){
	.title-form{font-size: 2.2rem;}
	.title-form i{transform: scale(0.6);-webkit-transform: scale(0.6);-ms-transform: scale(0.6);margin-top: -1rem;}
}
@media only screen and (max-width:575px){
	.title-form{font-size: 2rem;}
	.title-form i{transform: scale(0.5);-webkit-transform: scale(0.5);-ms-transform: scale(0.5);}
	.title-form.d-flex{font-size: 1.8rem;display: block!important;}
	.title-form .fa-clipboard-list{transform: scale(0.35);-webkit-transform: scale(0.35);-ms-transform: scale(0.35); position: absolute;right: 0;top:5px; margin-right: -4.5rem;margin-top: 0;}
	#document_filtre_filtreSubmit, .form-content-perso #document_filtre_filtreReinit, .font-20{font-size: 15px;}
	.font-size-16 {font-size: 0.875rem;}
	.font-size-14 {font-size: 0.85rem;}
}
@media only screen and (max-width:420px){
	.title-form{font-size: 1.9rem;}
	.title-form.d-flex{font-size: 1.7rem;}
	
}
@media only screen and (max-width:375px){
	.title-form{font-size: 1.5rem;}
	.title-form.d-flex{font-size: 1.3rem;}
}