/*=====================================
 	COMMUN
=====================================*/

@media print{@page {size: landscape}}

body { font-family:"Sofia Pro", Arial;color:#6d6e71;line-height: 1.2em;font-size: 0.875rem; }

html,
body,
.view { height: 100%; }

.clear { float:none;clear:both;width:0;height:0;}
.hidden { display: none; }

label { margin-bottom: .2rem; }

a { border:none;outline:none;text-decoration:none;color:inherit; }
a:focus { text-decoration:none;outline:none; }
a:hover { text-decoration:none;outline:none;color:#42974d; }

hr { border-top: 1px solid #F5F5F5; }

.barlow-font{font:13px Barlow Semi Condensed;}
button, .cursor-pointer { cursor:pointer; }
button:focus, select:focus, input:focus { outline:none!important;border-color:#e6e6e6!important;box-shadow:none!important; }
img { border:none; }
strong ,.font-bold{ font-family:"Sofia Pro-Bold"; font-weight:normal; }
.font-italic{font-style: italic;}
select { -webkit-appearance:none;-moz-appearance:none;appearance:none;-ms-appearance:none;-o-appearance:none;cursor:pointer; }

.input-abs { position:absolute;z-index: 1;width: 100%;left: 0;top: 0;height: 100%;cursor: pointer;opacity: 0; }
.input-rel { position:relative; z-index:1; margin:0 5px 10px 0; }
.input-abs + span { display:inline-block; background:url("../imgs/radio-off.png") no-repeat  left top; padding:4px 0 4px 28px; font:13px "Sofia Pro"; color:#333333; }
.input-abs:checked + span { background-image:url("../imgs/radio-on.png"); }

.text-underline { text-decoration: underline; }
.color-blue { color:#63b5d0!important; }
.color-blue2 { color:#007990!important; }
.color-grey { color:#777!important; }
.color-green { color:#89C76B!important; }
.color-green3 { color:#95c11f!important; }
.color-green2 { color:#41974D!important; }
.color-green-site{color: #053b22;}
.color-orange { color:#fbb159!important; }
.color-red { color: #F93154!important; }
body .text-danger {color: #C13838!important;}

.bg-green-s{background-color: #42974d!important;}
.bg-green2-s{background-color: #053b22!important;}

.bootstrap-select>.dropdown-menu.show { -webkit-transform: scale(1)!important;transform: scale(1)!important;overflow: visible!important; }
.dropdown-item.active, .dropdown-item:active, .dropdown-item:hover { background-color:rgba(0,0,0,0) !important; }
.dropdown-toggle::after { color:#fff; }
.custom-control-label::before{top: 0;}
.custom-control-label::after{top: 0;}
.custom-control-input:checked ~ .custom-control-label::before { border-color: #42974d;background-color: #42974d; }
.page-content { background:/*url("../imgs/page-content-bg.png") no-repeat center top*/#efeeef;background-size: cover;min-height:calc(100vh - 160px);padding-bottom: 50px; }
.custom-control-input:focus~.custom-control-label::before {box-shadow: 0 0 0 0.2rem rgb(124 163 107 / 15%);-webkit-box-shadow: 0 0 0 0.2rem rgb(124 163 107 / 15%);-ms-box-shadow: 0 0 0 0.2rem rgb(124 163 107 / 15%);}
.container { max-width:1280px!important;}
.container-m { max-width:1400px!important;}
.container-l { max-width:1600px!important; }
.container-100 { max-width:100%!important;width:100%!important; }

.text-muted { color: #AAA!important; }
.text-darker { color: #333!important; }

.form-group-no-margin .form-group { margin: 0!important; }

.form-group .required:after
{
	content:" *";
	color:red;
}

.form-group .custom-checkbox .required:after
{
	content:"";
	color:inherit;
}

.form-group .custom-radio .required:after { content:""!important; }

.form-checkbox-treeview
{
	margin-left:0;
	padding-left:0;
	color:#999;
}
.form-checkbox-treeview ul { list-style:none; }
.form-checkbox-treeview li { list-style:none; }

button.dropdown-toggle { margin:0; }
.bootstrap-select > .dropdown-toggle::after { color:#222;font-size: 1rem; }

.pagination .page-item.active .page-link { background-color:#42974d!important; }
.input-number { width:60px; }

.opacity-50 { opacity:0.5; }
.opacity-0 { opacity:0!important; }
.opacity-1 { opacity:0.2!important; }
.opacity-2 { opacity:0.4!important; }
.opacity-3 { opacity:0.6!important; }
.opacity-4 { opacity:.8!important; }
.opacity-5 { opacity:1!important; }
 .max-w-300{max-width: 300px;}
.white-box-shad {padding: 10px;background: #fff;box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);-ms-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12); }
.white-box-shad-titre {position: relative;padding:20px;font: 20px "Sofia Pro-Bold";text-transform: uppercase;color: #fff;margin-bottom:15px; }
.titre-page {font-size: 1.5rem;text-transform: uppercase;letter-spacing: 1px;position: relative;padding-bottom:5px}
.title-medium{font:2.5rem "Sofia Pro"; color: #053b22;}
.titre-page::before{content:""; width:90px; height:3px; background:#51a025; position:absolute; left:50% ; bottom: 0px;transform:translate(-50%,0);-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0); }
.titre-page.small-border::before{ width:60px; }
.text-info { color: #63b5d0!important; }

.btn-light-green { background-color:#42974d!important; } 

.btn-blue { background-color:#00798F!important; }
.bg-light { background-color:#E7E8EA; }
.bg-superlight { background-color:#f9f9f9; }
.bg-green { background-color:#89C76B; }
.bg-orange { background-color:#fbb159; }
.bg-blue { background-color:#63b5d0; }
.bg-grey-important { background-color:#BBB!important; }
.bg-orange-important { background-color:#fbb159!important; }
.bg-grey-dark { background-color:#777!important; }
.border-light { border:1px solid #E7E8EA; }
.form-perso-site .btn-blue { background-color:#42974d!important; }
.form-perso-site .btn-blue:focus,.form-perso-site .btn-blue:active  { background-color:#89C76B!important; }
.btn-tableau a {display: inline-block;width: 20px;height: 25px;transition:none!important; color:#51a025!important;text-align:center;line-height:25px;font-size:15px; }
.btn-tableau a.big-link-btn{font-size: 25px;}
.btn-tableau a.color-red {color: #F93154 !important;}
.btn-tableau a:hover, .btn-tableau a:focus{transition:none!important; color:#89C76B!important; }
.btn-disabled { background-color:#BBB!important;cursor:not-allowed; }
 
.font-size-30 { font-size:30px; }
.font-size-24 { font-size:24px; }
.font-size-22 { font-size:22px; } 
.font-size-12 { font-size:12px; }
.font-size-10 { font-size:10px; }
.font-size-15 { font-size:0.938rem; }
.font-size-16 { font-size:1rem; }
.font-size-17 { font-size:17px; }

.table.table th, table.table td { padding:0.75rem; }
.transition-bgcolor{ -webkit-transition:all  0.5s linear;
	-moz-transition:all  0.5s linear;
	-o-transition:all  0.5s linear;
	transition: all  0.5s linear; -spec-transition:all  0.5s linear;}
.c-pointer { cursor: pointer; }
.c-help { cursor:help; }
.big-wrapper {overflow-x: hidden;}
.color-blue-light { color:#00798F; }

.min-w-0 { min-width:0; }

.w-10 { width:10%; }
.w-20 { width:20%; }
.w-30 { width:30%; }
.w-40 { width:40%; }
.w-50 { width:50%; }
.w-60 { width:60%; }
.w-70 { width:70%; }
.w-80 { width:80%; }
.w-90 { width:90%; }
.w-100 { width:100%; }

.h-150px { height:150px!important; }
.h-200px { height:200px!important; }
.min-h-35px { min-height:35px!important;}

.mt-6 { margin-top:4.5rem!important; }
.mt-7 { margin-top:6rem!important; }
.mt-8 { margin-top:7.5rem!important; }
.mt-9 { margin-top:9rem!important; }
.mt-10 { margin-top:10.5rem!important; }

.min-height-100 { min-height: 100%;}
.min-height-400px { min-height: 400px;}

.line-seperator { border:1px solid #EFEFEF;height:1px;width:100%;display:block }

.font-size-small { font-size: 10px; }
.text-underline { text-decoration:underline; }

.crossicon-wrapper
{
	position:relative;
	display:inline-block;
}

.crossicon:after
{
	position: absolute;
	transform: rotate(45deg);
	content: "|";
	color: red;
	font-weight: 700;
	font-size: 1.7em;
	left: 0.5rem;
	top: 0rem;
}

.checkbox-lg .custom-control-label::before, 
.checkbox-lg .custom-control-label::after
{
 	top: .8rem;
	width: 1.55rem;
	height: 1.55rem;
}

.checkbox-lg .custom-control-label
{
	padding-top: 13px;
	padding-left: 6px;
}

.checkbox-xl .custom-control-label::before, 
.checkbox-xl .custom-control-label::after
{
	top: 1.2rem;
	width: 1.85rem;
	height: 1.85rem;
}

.checkbox-xl .custom-control-label
{
	padding-top: 23px;
	padding-left: 10px;
}

.table-critical, .table-critical > td, .table-critical > th { background-color: #f5c6cb; }
.table-error, .table-error > td, .table-error > th { background-color: #f5c6cb; }

.border-transparent
{ 
	border-color:transparent!important;
	border-top-color:transparent!important;
	border-right-color:transparent!important;
	border-bottom-color:transparent!important;
	border-left-color:transparent!important;
}

/* Input pour une date d'un formulaire au format champ saissable (pas liste de selection) */

.input-date-field #dateMiseCirculation_day, .input-date-field #dateMiseCirculation_month {
	width: 25% !important;
}

.input-date-field #dateMiseCirculation_year {
	width: 50% !important;
}

.custom-file-input ~ .custom-file-label:lang(fr)::after {
	content: "Choisir...";background: #42974d;color: #fff;}

.text-decoration-underline { text-decoration: underline; }
table thead th { vertical-align: middle!important; }
 
/*=====================================
 	MODAL
=====================================*/

.modal-header .close
{
	font-size: 3.5rem!important;
	padding: 0rem 1rem;
	margin: -1rem -1rem -1rem auto;
	font-weight: normal;
}

.modal-header-no-close .close { display:none }
.modal-xl { max-width:1240px!important; }
.modal-lg .modal-xl {  max-width:none!important; }

.ekko-lightbox h4 { font-size:16px }

/*=====================================
 	TOASTR
=====================================*/

#toast-container > div
{
	padding:20px 20px 20px 50px!important;
	opacity:0.9;
	font-size:15px;
	font-weight:bold;
}

/*=====================================
 	MENU
=====================================*/

.dropdown-header-click
{
	font-size: .9375rem;
	color:#000;
	background-color:#EFEFEF;
	font-weight: bold;
	padding:.5rem 1.5rem;
	cursor:pointer;
	margin:0;
	border-bottom:1px solid #FFF;
	border-top:1px solid #FFF;
}

.dropdown-menu .dropdown-toggle:after{
	border-top: .3em solid transparent;
	border-right: 0;
	border-bottom: .3em solid transparent;
	border-left: .3em solid;
}
.dropdown-menu .dropdown-menu{
	margin-left:0; margin-right: 0;
}
.dropdown-menu li{
	position: relative;
}
.nav-item .submenu{ 
	display: none;
	position: absolute;
	left:100%; top:-7px;
}
.nav-item .submenu-left{ 
	right:100%; left:auto;
}
.dropdown-menu > li:hover > .submenu{
	display: block;
}

/*=====================================
 	DATEPICKER
=====================================*/

.datepicker { box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.2); }

.datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active:active
{
	color: #fff;
    background-color: #00798F;
    border-color: #00798F;
}

/*=====================================
 	DATATABLE
=====================================*/

.dt-buttons
{
    position: relative;
	float: left;
	margin:5px 0;
}

button.dt-button
{
	border:0;
	padding: 2px 10px;
	margin-right: 4px;
    border-radius: 5px;
    background-color: #F1F1F1;
	color: #888;
	border:1px solid #EEE;
}

button.dt-button:hover, button.dt-button:focus
{
	border:1px solid #AAA;
}

.dataTables_processing 
{
	border-radius:0;
	font-size:0!important;
	position:fixed!important;
	top:0!important;
	left:0!important;
	width:100%!important;
	height:100%!important;
	margin:0!important;
	padding:0!important;
	background-color: rgba(0,0,0,0.6);
	background-image: url('../imgs/spinner-loader.gif');
	background-repeat:no-repeat;
	background-position: 50% 50%;
	background-size: 40px 40px;
	z-index:10000;
}

.dataTables_processing div { display:none }

/*=====================================
 	MULTI-SELECT
=====================================*/

.dashboardcode-bsmultiselect {
	position: relative;
}

.dashboardcode-bsmultiselect ul {
	width: 100%;
	transform: none !important;
	top: 35px !important;
	max-height: 350px;
	overflow: auto;
}

.dashboardcode-bsmultiselect ul li {
	display: inline-block;
	width: 33%;
}

/*=====================================
 	GRADIENT
=====================================*/

.grey-gradient
{
	background: rgb(221,221,221);
	background: linear-gradient(90deg, rgba(221,221,221,1) 0%, rgba(170,170,170,1) 100%); 
}

.new-blue-gradient
{
	background: #63b5d0;
	background: -moz-linear-gradient(left, #63b5d0 0%, #498ec4 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, #63b5d0), color-stop(100%, #498ec4));
	background: -webkit-linear-gradient(left, #63b5d0 0%, #498ec4 100%);
	background: -o-linear-gradient(left, #63b5d0 0%, #498ec4 100%);
	background: -ms-linear-gradient(left, #63b5d0 0%, #498ec4 100%);
	background: linear-gradient(to right, #63b5d0 0%, #498ec4 100%);
}

.new-green-gradient
{
	background: #89c76b;
	background: -moz-linear-gradient(left, #89c76b 0%, #51a025 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, #89c76b), color-stop(100%, #51a025));
	background: -webkit-linear-gradient(left, #89c76b 0%, #51a025 100%);
	background: -o-linear-gradient(left, #89c76b 0%, #51a025 100%);
	background: -ms-linear-gradient(left, #89c76b 0%, #51a025 100%);
	background: linear-gradient(to right, #89c76b 0%, #51a025 100%);
}

.new-grey-gradient
{
	background: #f1f2f2;
	background: -moz-linear-gradient(left, #f1f2f2 0%, #d1d3d4 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, #f1f2f2), color-stop(100%, #d1d3d4));
	background: -webkit-linear-gradient(left, #f1f2f2 0%, #d1d3d4 100%);
	background: -o-linear-gradient(left, #f1f2f2 0%, #d1d3d4 100%);
	background: -ms-linear-gradient(left, #f1f2f2 0%, #d1d3d4 100%);
	background: linear-gradient(to right, #f1f2f2 0%, #d1d3d4 100%);
}

.new-orange-gradient
{
	background: #fc8662;
	background: linear-gradient(40deg, #fca362, #fc8662) !important;
}

.new-purple-gradient
{
	background: #7873f5;
	background: linear-gradient(40deg, #ae73f5, #7873f5) !important;
}

.new-red-gradient
{
	background: #fc6278;
	background: linear-gradient(40deg, #fc6662, #fc6278) !important;
}

/*=====================================
 	TOOLTIP
=====================================*/

.tooltip-inner
{
	max-width: 400px;
}

.tooltip .arrow::before, .material-tooltip .arrow::before
{
	border-color: transparent!important;
}

.tooltip-inner, .material-tooltip , .material-tooltip .backdrop
{
	background: #fff!important;-webkit-box-shadow:  0 0 2px 0 rgba(127, 127, 127, 0.75);box-shadow:  0 0 2px 0 rgba(127, 127, 127, 0.75);-ms-box-shadow:  0 0 2px 0 rgba(127, 127, 127, 0.75);color: #6D6E71;border-radius:0!important; opacity:1!important
}


.tooltip-tr { position:absolute; left:0; top:0; width:100%;height:100%; }

/*=====================================
 	SPINNER OVERLAY
=====================================*/

#spinner-overlay, #simple-overlay
{
	position: fixed;
	top: 0;
	z-index: 10000;
	width: 100%;
	height:100%;
	display: none;
	background-color: rgba(0,0,0,0.6);
}

#spinner-overlay .o-cv-spinner
{
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;  
}

#spinner-overlay .o-spinner
{
	width: 40px;
	height: 40px;
	border: 4px #ddd solid;
	border-top: 4px #42974d solid;
	border-radius: 50%;
	animation: spinner-anime 0.8s infinite linear;
	position:absolute;
}

@keyframes spinner-anime
{
	100% { 
		transform: rotate(360deg); 
	}
}

#js-spinner-overlay-text
{
	display:block;
	color:#FFF;
	padding-top:70px;
}
.bg-grey-s{background-color: #b5b1b1;}
/*=====================================
 	SWIPER
=====================================*/

.promos-carousel .carousel-indicators li  {background: #fff;border: 1px solid #807b7a;width: 13px;height: 13px;opacity: 1;}
.promos-carousel .carousel-indicators li.active {background: #42974d;border-color: #42974d;}

.text-1-slider {font: 66px "Sofia Pro-Medium";text-transform: uppercase;}
.text-2-slider {font: 66px "Gotham-Thin";color: #95c11f;line-height: 90%;}
video.promos-carousel-video { object-fit: cover;margin:auto; }
.carousel-item-video { text-align:center }

/*=====================================
 	LOGIN
=====================================*/

.login-rgba-gradient
{
	background: -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0.7), rgba(72, 15, 144, 0.4) 100%);
	background: -webkit-gradient(linear, 45deg, from(rgba(0, 0, 0, 0.7), rgba(72, 15, 144, 0.4) 100%));
	background: linear-gradient(to 45deg, rgba(0, 0, 0, 0.7), rgba(72, 15, 144, 0.4) 100%);
}

#login-container
{
	z-index:1001;
}

.login-card
{
	background-color: rgba(0, 0, 0, 0.8);
	border-radius:20px;
}

.login-card .md-form label
{
	color: #FFF!important;
}

.login-card label.active
{
	color: #FFF!important;
}



.login-view
{
	background-image: url('../imgs/login-bg.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.login-header
{
	height:120px;
	width:100%;
	background:#FFF url('../imgs/logo-header-login.svg') center no-repeat;
	position:absolute;
	top:0;
	left:0;
	z-index:999;
}

.login-card button.btn.blue-gradient.btn-rounded
{
	background: #42974d!important;
	border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;
	height:34px;
	font:13px "Sofia Pro-Bold";
	padding-top:10px;
	transition:all 0.5s ease 0s!important;
	margin-top:5px!important;
	font-weight:bold;
}

.login-card button.btn.blue-gradient.btn-rounded:hover
{
	background: #89C76B!important;
	transition:all 0.5s ease 0s!important;
}

.form-reset-password, .form-reset-password small
{
	color: white !important;
}
 
/*===================================== 
 	HEADER
=====================================*/

#header { display:block!important; padding:0;    position: relative;z-index: 1000; }
.modal-open  #header{position: static;}
#header .container { padding:0; }

.top_header { background-color: #838689;color: #fff;text-align: right;z-index: 2;position: relative; }
#bottom-header{z-index: 1;position: relative; }
.top_header .check_perso .custom-control-label { cursor:pointer;font-family:Sofia Pro-Bold; }
.top_header .check_perso .custom-radio { margin-left:10px; }
  
.header_sticky { padding:12px 0; background:#fff; }
.menu_header_top { float:left; }
.menu_header_top ul.mini_nav>li { display: inline-block;vertical-align: middle;padding: 0 7px!important;position: relative;color: #6d6e71;min-width: 35px;text-align: center; }
.menu_header_top ul.mini_nav>li::after { content: "";width: 1px;height: 10px;background: #6d6e71;position: absolute;right: 0;top: 50%;margin-top: -5px; }
.menu_header_top ul.mini_nav>li:last-child::after { display:none; }
.menu_header_top ul.mini_nav>li.lang-menu::after { display:none; }
.cart-link {background: url("../imgs/ico_panier_s.svg") no-repeat right top;padding-right: 40px;display: block;color: #053b22;min-height: 50px;padding-top: 10px;}
.cart-link-mobile {background: url("../imgs/ico_panier_s.svg") no-repeat center;width: 40px;display: block;color: #053b22;height: 40px;position: relative;}
.header-panier { font-size:0.875rem; }

.header-paniers-nbr
{
	width:2.125rem;
	height: 2.125rem;
	font: 0.938rem "Sofia Pro-Bold";
	color: #fff;
	line-height: 1.8rem;
	text-align: center;
	background: url('../imgs/bull_cart.png') no-repeat center;background-size: 100% 100%;
	display:inline-block;position: absolute; right: 20px;
    top: -15px;
}

.header-dashboard-background
{ 
	background-color:#222;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size:cover!important;
	min-height: 470px; 
	border-bottom:1px solid #CCC;
}

.header-dashboard-background .navbar
{ 
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	font-family:"Gotham-Light";
}
.navbar-brand img {width: 100%; max-width: 220px;}
.header-dashboard-background .nav-link { font-family:"Gotham-Light";color:#FFF!important;text-shadow:2px 2px 2px #000; }

.header-dashboard-menu-icon a { color:#FFF}
.header-dashboard-background .nav-link { border-bottom:3px solid transparent!important}
.header-dashboard-background .nav-link:hover { border-bottom:3px solid #ffeb3d!important}

.header-dashboard-text-bonjour { font-family:"Gotham-Bold";font-size: 1.4rem;text-shadow:1px 1px 1px #000; }
.header-dashboard-text-bienvenue { font-family:"Gotham-Bold";font-size: 2.8rem;text-shadow:1px 1px 1px #000; }
.no-shadow{box-shadow: none!important;-webkit-box-shadow: none!important;-ms-box-shadow: none!important;}

@media only screen and (min-width:1250px){
#header.headerFixed #bottom-header {position: fixed;top: 0;left: 0;z-index: 9999;width: 100%;background: #fff;box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);}
#header.headerFixed #bottom-header>.navbar{padding-top: 0;}
.modal-open #header.headerFixed #bottom-header {z-index: 0!important;}
#header.headerFixed .hidden-fixed {display: none;}
#header.headerFixed .navbar-brand img {width: 100%;max-width: 110px;margin-top: 0;transition: all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;}
#header.headerFixed  .navigation-site {padding-top: 0;margin-bottom: 0;} 
.padding-body {padding-top: 130px;}
.padding-body #header{z-index: 999;}
 .col-logo {min-width: 259px;}
#header.headerFixed  .col-logo .navbar-brand {padding: 0;}
#header.headerFixed   .navigation-site .nav-item >.nav-link{height: 60px;}
main.big-wrapper.padding-body {overflow-x: initial;}
#header.headerFixed  .d-block-fixed {display: block!important;}
.padding-body  .menu-taxon-vertical{top:69px}
.padding-body  .sticky-block {top:69px}
#bottom-header{min-height: 148px;}
#header.headerFixed #bottom-header{min-height: 65px;}
header:not(.headerFixed) .col-logo .navbar-brand{min-height: 140px;}
}
@media only screen and (min-width:1481px){
 .col-logo {min-width: 299px;} 

}

/*=====================================
 	NAVBAR
=====================================*/
.navigation-site {padding-top:10px;margin-bottom: -58px;}
.navigation-site .nav-item >.nav-link{/*padding: 1.875rem 1.563rem;*/padding:0 1.563rem;font:1rem 'Sofia Pro'; position: relative;color: #053b22!important;z-index: 99;background: #fff;height: 80px;display: flex;-o-display: flex;display: -ms-flex;align-items: center;-moz-align-items: center;-ms-align-items: center;-o-align-items: center;}
.navigation-site .nav-item >.nav-link.color-blue2{color: #007990!important;}
@media only screen and (min-width: 993px) {
	.navigation-site .nav-item >.nav-link{box-shadow: 0 2px 5px 0 rgba(0,0,0,0), 0 2px 10px 0 rgba(0,0,0,0);-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0), 0 2px 10px 0 rgba(0,0,0,0);-ms-box-shadow: 0 2px 5px 0 rgba(0,0,0,0), 0 2px 10px 0 rgba(0,0,0,0);}
	.navigation-site .nav-item .dropdown-menu a i{font-size: 8px;padding-right: 10px;vertical-align: 2px;}
	.navigation-site .nav-item >.nav-link.dropdown-toggle::after{
        content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAGCAYAAAD37n+BAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFtJREFUeNpiYAACJluN9UBswIADgORAasBsqNgHIN6PTRNUbD8Qb0SXmA/E75E1QU0GiSXAxBjRNQGpACB2hAqBTC78d/jGAqwa0DQxoCtmwOPJfmRnIAOAAAMAM8waEJlkN9oAAAAASUVORK5CYII=");border:none!important;    vertical-align:0;     }
		.navigation-site .nav-item >.nav-link:hover,.navigation-site .nav-item:hover >.nav-link , .navigation-site .nav-item.dropdown.show >.nav-link{  color: #95c11f !important;box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);-ms-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);}
		.navigation-site .nav-item.dropdown:hover  >.dropdown-menu {display: block;}
		.navigation-site .nav-item>.dropdown-menu {min-width: 250px;box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);-ms-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);border-radius: 0;border:0; padding-left: 1.563rem;}
		.navigation-site .nav-item{margin: 0 5px;}
		.navigation-site .nav-item.dropdown::before {content: "";position: absolute;left: 0;z-index: 100000;background: #fff;height: 6px;bottom: 0;width: 100%;}
		.navigation-site .nav-item >.nav-link:hover:before,.navigation-site .nav-item:hover >.nav-link:before , .navigation-site .nav-item.dropdown.show >.nav-link:before{display: none;}
		.navigation-site .nav-item .dropdown-menu a:hover{  color: #95c11f !important;}
		.navigation-site .nav-item >.nav-link:hover{  color: #95c11f !important;}
		.navigation-site .nav-item >.nav-link:focus, .navigation-site .nav-item >.nav-link:active{background: none!important;}
}
@media only screen and (min-width: 1350px) {
	.navigation-site .nav-item {flex: 0 0 auto;-ms-flex: 0 0 auto;}
}
.navigation-site .nav-item >.nav-link::before {content: url(../imgs/bull_menu.svg);position: absolute;left: 0;transform: translate(0,-50%);top: 50%;}
.navigation-site .nav-item:first-child >.nav-link::before{display: none;}
.home-link, .logout-link
{
  color: #95c11f !important;
}

.mega-dropdown
{
  position: inherit;
}

.mega-menu
{
  width: max-content;
}

.mega-menu h6
{
  border-bottom: 1px solid;
}

.choix-agence select {
  border: 0;
}

.lang-menu { margin-top: -2px; }
.lang-menu .dropdown-menu { min-width: 0; }
.lang-menu .dropdown-menu img { max-width:none; }

.menu-icon
{
	font-size: 25px;
	margin: 15px;
}

#menu-nav-mobile { display:none }

.side-nav{position: fixed;z-index: 1000000;width: 300px;max-width: 300px;height: 100%;border-right: 1px solid #fff;    overflow-y: auto;overflow-x: hidden;
}

.side-nav .dropdown-toggle
{
	background: none;
	border: 0;
	border-bottom:4px solid #fff!important;
}
.side-nav .dropdown-toggle + .collapse {border-bottom:1px solid #053b22}

.side-nav .dropdown-item
{
	color: #053b22;
}

.side-nav a.dropdown-item:hover, .side-nav a.dropdown-item:active, .side-nav a.dropdown-item:focus
{
	color: #89C76B;
}

.side-nav .nav-link
{
	width: 100%;
	text-align: center;
}

.close-nav-menu
{
	font-size: 20px;
	position:absolute;
	right:10px;
	top:10px;
}

.mobile-logout
{
	font-size: 20px;
}

.sidenav-overlay
{
	position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: 120vh;
    background-color: rgba(0,0,0,0.5);
	will-change: opacity;
}

.side-nav a:hover { color: #212529; }
.side-nav i.fa { font-size: 20px; }

.side-nav .accordion{
	border-top: 1px solid #000;
}

nav-bar-light { color:#FFF!important }
.border-top-bottom{border-top: 1px solid #b6b2b2;border-bottom: 1px solid #b6b2b2;}
/*=====================================
 	FOOTER
=====================================*/
.font-18{font-size: 1.125rem;}
.font-20{font-size: 1.25rem;}
#footer{background-color:#fff;font-size:0.938rem;}
#footer-nav { background:#fff url('../imgs/bg_footer.png') no-repeat right bottom; }
#footer-small
{
	height:30px;
	width:100%;
	text-align:center;
	font-size:15px;
	color:#FFF;
	background-color:#6f6f6f!important;
	bottom:0;
	left:0;
	position:fixed;
	z-index:1000;
}



#footer .footer-nav .footer-link-column
{
	vertical-align: top;
	display: inline-block;
	width: 100%;
}

#footer .footer-nav .footer-link-column .content-menu-footer a
{
	font-size: 0.938rem;
	text-decoration: none;
	color: #706f6f;
	margin-bottom: 5px;display: inline-block;
}

#footer .footer-nav .row-footer-links
{
	max-width: 500px;
	margin: auto !important;
}

#footer .footer-nav .container-limit
{
	width: calc(100% - 200px);
	float: left;
}

#footer .footer-nav .footer-link-column  .content-menu-footer a:hover { color: #42974d; }

#footer .footer-nav .footer-mobile { border-top: 1px solid #9E9E9E; }

#footer .footer-nav .dropdown-toggle
{
	background-color: transparent;
	padding: 15px;
	width: 100%;
	color: #FFF;
	border: 0;
	font-size: 20px;
}

#footer .footer-nav .right-box { border-left: 1px solid #838689; }

#footer .sub-footer
{
	background-color: #848484;
	color:#BBB;
}

#footer .sub-footer a { color:#BBB; }
.title-menu-t{font: 1.15rem "Sofia Pro";text-transform: uppercase;color: #053b22;margin-bottom: 15px;white-space: nowrap;}
.copyright {font: 14px "Gotham-book";color: #fff;background: #42974d url(../imgs/bg_copyright.jpg) no-repeat center top;padding: 45px 40px;background-size: cover;   }

.copy-adress p {margin-bottom: 0}

.copy-adress strong {
    font: 14px Gotham-Bold
}

.lien-footer-menu li {
    display: inline-block;
    text-transform: uppercase;
    padding: 0 14px;
    border-right: 1px solid #fff
}

.lien-footer-menu li:last-child {
    border: none;
    padding-right: 0
}

.site-realise {
    font-style: italic;
    padding-top: 8px;
    margin-bottom: -8px
}
.logo-footer  img {max-width: 110px;}
@media only screen and (min-width: 768px){
.copyright {background-attachment: fixed;}
.logo-footer {border-right: 1px solid #fff;}
}

/*=====================================
 	RECHERCHE
=====================================*/

form.form-search .btn { width: 100%;padding: 0 10px;font: 13px "Sofia Pro-Bold";height:38px; }

.table-sel-m { margin:0 -5px; }
.search-form-select { display: table;width: 100%; }

.liste-recherche-planche td { position:relative; white-space: nowrap; max-height: 50px; }
.liste-recherche-planche tr:hover { background-color:#CCC!important }

.search-form-content {max-width: 650px;margin: -70px auto 0 auto;background: url(../imgs/bg_search_s.svg) no-repeat center top -10px;padding-bottom: 15px;background-size: cover;}
.search-form-content form{padding-top: 10px;}
.search-form-content form  input{border:none; height: 45px;}
/*=====================================
	USERINFOS
=====================================*/
.account-link {background: url("../imgs/ico_compte_s.svg") no-repeat right top;padding-right: 40px;display: block;color: #053b22;padding-top: 5px;}

.userinfos-heading-title { font-size:1.5rem;color:#42974d;font-weight:bold; }
.userinfos-heading-subtitle { font-size:1rem;color:#22a307; }
.userinfos-table { border:1px solid #CCC; }
.userinfos-menu-fa-size {     width: 45px;height: 41px;margin-right: 15px; }
.nav-menu-account .nav-link i::before{display: none;}
.nav-menu-account  .nav-link{font:0.938rem 'Sofia Pro'; color: #053b22;border-bottom: 1px solid #DCD3DE;text-transform: uppercase;}
.nav-menu-account .nav-link i {background: url(../imgs/ico_info_sprite.svg) no-repeat;}

.nav-menu-account .nav-link i.fa-user {background-position:0 0;}
.nav-menu-account .nav-link.active  i.fa-user,.nav-menu-account .nav-link.nav-info-user:hover i.fa-user  {background-position:-45px 0;}

.nav-menu-account .nav-link i.fa-address-book {background-position:0 -42px;}
.nav-menu-account .nav-link.active i.fa-address-book, .nav-menu-account .nav-link.nav-info-address:hover i.fa-address-book  {background-position:-45px -42px;}

.nav-menu-account .nav-link i.fa-users {background-position:0 -84px;}
.nav-menu-account .nav-link.active i.fa-users , .nav-menu-account .nav-link.nav-info-users:hover i.fa-users {background-position:-45px -84px;}

.nav-menu-account .nav-link i.fa-key  {background-position:-1px -126px;}
.nav-menu-account .nav-link.active i.fa-key , .nav-menu-account .nav-link.nav-info-key:hover i.fa-key  {background-position:-46px -126px;}

.nav-menu-account .nav-link.active, .nav-menu-account .nav-link.color-green-site:hover{color: #42974d;}

.nav-menu-account .nav-link.loggout-link {background: #C13838;color: #fff;text-align: center;display: block;border-radius: 10px;}
	.nav-menu-account .nav-link.loggout-link span {background: url(../imgs/loggout.png) no-repeat center left;padding: 4px 10px 4px 30px;display: inline-block;}
	.nav-menu-account .nav-link.loggout-link:hover{background-color: #C64E4E;}

	.ico-title {width: 20px;height: 18px;display: inline-block;background: url("../imgs/ico_info_sprite_title.svg") no-repeat;vertical-align: top;margin-right: 5px;}
	.py-perso-ico{padding-top: 10px; padding-bottom: 10px;}
	.ico-title.ico-title-adress{background-position: -21px 2px;}
	.ico-title.ico-title-password{background-position: -66px 2px;}
	.ico-title.ico-title-users{background-position: -43px 2px;}

	.border-bottom-td{border-bottom:  1px solid #B6B2B2;}
	.py-td {padding-top: 10px; padding-bottom: 10px;}
@media only screen and (min-width: 1200px){
	.left-col-info {max-width: 360px;flex: 0 0 360px;-ms-flex: 0 0 360px;}
	.right-col-info {max-width: calc( 100% - 360px);flex: 0 0 calc( 100% - 360px);-ms-flex: 0 0 calc( 100% - 360px);}
	.nav-menu-account .nav-link.color-green-site{padding-top: 1.25rem!important;padding-bottom: 1.25rem!important;}
}
/*=====================================
	LISTE DES COMMANDES
=====================================*/
#commande-details_wrapper { width: 100% !important; }
/*=====================================
 	CDE
=====================================*/

.cde-progress
{
	margin: 20px auto;
	text-align: center;
}

.cde-progress .circle, .cde-progress .bar
{
	display: inline-block;
	background: #fff;
	width: 40px; height: 40px;
	border-radius: 40px;
	border: 1px solid #d5d5da;
}

.cde-progress .bar
{
	position: relative;
	width: 75px;
	height: 6px;
	top: -33px;
	margin-left: -5px;
	margin-right: -5px;
	border-left: none;
	border-right: none;
	border-radius: 0;
}

.cde-progress .circle .label
{
	display: inline-block;
	width: 32px;
	height: 32px;
	line-height: 32px;
	border-radius: 32px;
	margin-top: 3px;
	color: #b5b5ba;
	font-size: 17px;
}

.cde-progress .circle .title
{
	color: #b5b5ba;
	font-size: 13px;
	line-height: 30px;
	margin-left: -5px;
}
  
.cde-progress .bar.done, .cde-progress .circle.done { background: #eee; }

.cde-progress .bar.active
{
	background: linear-gradient(to right, #EEE 40%, #FFF 60%);
}

.cde-progress .circle.done .label
{
	color: #FFF;
	background: #8bc435;
	box-shadow: inset 0 0 2px rgba(0,0,0,.2);
}

.cde-progress .circle.active .label
{
	color: #FFF;
	background: #0c95be;
	box-shadow: inset 0 0 2px rgba(0,0,0,.2);
}

.cde-progress .circle.done .title { color: #444; }
.cde-progress .circle.active .title { color: #0c95be; }

/*=====================================
 	DASHBOARD
=====================================*/
.title-form{font:1rem "Sofia Pro"}
.title-form .fa-bullhorn:before {
    content: url('../imgs/ico_bullhorn.svg');
}
.has-border-bit{border-bottom: 1px solid #c6c6c6;}
.contenu-encart-actu
{
	height: calc(100% - 35px);
	max-height: 402px;font-size: 13px;
}

.dashboard-icon-panier, .dashboard-icon-contact, .dashboard-icon-user, .dashboard-icon-deco
{
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	height:30px;
	width:40px;
	display:inline-block;
}

.dashboard-icon-panier { background-image: url('../imgs/dashboard-icon-panier.png'); }
.dashboard-icon-contact { background-image: url('../imgs/dashboard-icon-contact.png'); }
.dashboard-icon-user { background-image: url('../imgs/dashboard-icon-user.png'); }
.dashboard-icon-deco { background-image: url('../imgs/dashboard-icon-deco.png'); }

.promos-carousel .carousel-item {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;    height: 100%;
}

.promos-carousel .carousel-item .overlay {
	background-color: rgba(0,0,0,0.2);
}

#carousel-promos .carousel-control-next, #carousel-promos .carousel-control-prev { width:7% }

#carousel-promos .carousel-control-next-icon, #carousel-promos .carousel-control-prev-icon { background-color: #111; border-radius: 50px;}

.search-form-segment{border:1px solid #b5b1b1; margin-top: 30px;border-radius: .25rem;}

/*****TABLE DASHBOARD******/
.fontsize-normal {font-size: 0.813rem;}
.py-perso-title{padding-top: 0.75rem; padding-bottom: 0.75rem;}
.table-white-site thead{background-color: #053b22;}
.table-white-site thead th{color: #fff;font: 0.813rem "Sofia Pro-Bold";    white-space: nowrap;} 

.custom-perso-s{background-image: url('../imgs/ico_down_s.svg') ;height: 45px;border-color:#b5b1b1;font:1rem "Sofia Pro"; color: #42974d;background-size: auto;background-repeat: no-repeat  ; background-position:  right .75rem center;}
.form-perso-site .custom-select{background-image: url('../imgs/ico_down_s.svg');background-size: auto}
.bootstrap-select-perso button{background-image: url('../imgs/ico_down_s.svg') ;height: 45px;border: 1px solid #b5b1b1;font:1rem "Sofia Pro"; color: #42974d;background-size: auto;background-repeat: no-repeat  ; background-position:  right .75rem center;}
.bootstrap-select-perso  .dropdown-toggle::after{display: none;}
.nowrap-td{white-space: nowrap;}
 .btn-qty{width: 38px; height: 40px; border-radius: 0.25rem 0 0  0.25rem;}
 .btn-qty-plus{border-radius:  0  0.25rem  0.25rem  0;}
.input-article-qte,.input-articletop-qte{width: 50px; height: 40px;border-radius: 0;padding: 0 1px;}
.js-change-qte-box{min-width: 140px;}

.table-white-site .table-striped tbody tr:nth-of-type(odd),.table-white-site  table.dataTable.table-striped>tbody>tr:nth-of-type(2n+1){background-color: rgba(124,163,107,0.15);} 
.table-white-site table {color: #053b22;}
.table-white-site .table-striped tbody tr.row-td-middle:nth-of-type(odd), .table-white-site  table.dataTable.table-striped>tbody>tr.row-td-middle:nth-of-type(2n+1){background-color: #fff;}
.table-white-site .table-striped tbody tr.row-td-middle:nth-of-type(even), .table-white-site  table.dataTable.table-striped>tbody>tr.row-td-middle:nth-of-type(2n){background-color: rgba(124,163,107,0.15);}
/*@media (min-width: 992px){*/
.choice-position {   margin-top: -31px;padding-bottom: 20px;}
.mt-perso-table { margin-top: -40px; }
/*}*/

.sticky-block {

    position: sticky;
    top: 1px;
    margin-bottom: 25px;
}
/*=====================================
 	ACDE
=====================================*/
.table-resume-site tr td{background-color: #fff!important;color: #053b22!important;}
.table-resume-site tr:first-child td{border-top:none!important}
.input-cde-perso>label{margin-bottom: 10px;}
.input-cde-perso input.form-control{border:1px solid #dcd3de; border-radius: 0;-webkit-border-radius: 0;-ms-border-radius: 0;height: 42px;}
.input-cde-perso textarea{border:1px solid #dcd3de; border-radius: 0;-webkit-border-radius: 0;-ms-border-radius: 0;}
.py-btn.btn{padding-top:0.725rem ;padding-bottom:0.725rem ;border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;}
.cde1-btn-suivant #btnSuivant{padding-top:0.875rem ;padding-bottom:0.875rem ;border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;float: none!important;display: block;width: 100%; font:25px "Sofia Pro"}
.cde1-btn-suivant #btnSuivant::after {display: inline-block;content: "\f054";padding-left: 5px;font-family: 'FontAwesome';font-size: 20px;color: #053b22;}
.row-td-middle td{vertical-align: middle;border-color: #b6b2b2;}
.border-bottom-cde{border-bottom: 1px solid  #b6b2b2;}
/*=====================================
 	APPLICATION EXTERNE
=====================================*/

.applications-externes-encart
{font-family:"Gotham-Bold";background-color: rgba(0, 0, 0, 0.4);border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;}

.application-externe { min-width:60px; }
.application-externe-img { height:40px;width:40px; }
.application-externe-noimg { height:40px;width:40px;background-color:#DDD; }

/*=====================================
 	ARTICLE
=====================================*/

.article-unitaire-groupe
{
    height: 100%;
    line-height: 100%;
    text-align: left;
}

.article-unitaire-groupe span
{
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
}

.article-unitaire-radio-label
{
	border-radius: 50%;
	border: 5px solid transparent;
	padding: 10px;
	height: 155px;
	width: 155px;
	text-align: center;
	cursor:pointer;
	font-weight:bold;
	margin:5px;
	vertical-align:bottom;
}

.article-unitaire-radio-label:hover
{
	border: 5px solid #89C76B;
	color:#89C76B;
}

.article-unitaire-radio-label span
{
	text-align: center !important;
	line-height: 15px;
	font-size: 15px;
	height: 30px;
}


.config-article-unitaire .bootstrap-select {
	width: 300px !important;
}

.article-couleur-pastille {
	width: 40px;
	height: 40px;
	border-radius: 5px;
	display:inline-block;
}

.article-offre-pastille
{
	display:block;
	padding: 1px 5px;
	background-color:#89C76B;
	color:#FFF;
	border-radius:5px;
	display:inline-block;
}

.info-message-article i {
	font-size: 1.3rem;
}

.article-banner {
	height: 200px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}



.menu-taxon-vertical {
    background-color: #e9eaeb;
    color: #000;
	position:sticky; top:1px;margin-bottom: 25px;
}

.menu-taxon-vertical > h3 {
    font-family: "Helvetica-NeueLTStd";
    text-decoration: underline;
    color: black;
    padding-bottom: 10px;
}

.menu-taxon-vertical > ul > li{
    color: #053b22;
    margin-bottom: 10px;
    font: 1rem "Sofia Pro";
    list-style-type: none;
}

.menu-taxon-vertical > ul > li:last-child { margin-bottom:0;}

.menu-taxon-vertical-selected { color:#111;font-weight:bold;}

@media only screen and (max-width:991px) {
    .menu-taxon-vertical {display: none;}
}

.article-block-img { max-height:322px }

/*=====================================
 	ARTICLES TOP
=====================================*/

.articles-top-carousel .img-replacer, .articles-top-carousel img {
	max-height: 200px!important;
	max-width: 200px!important;
	margin: auto!important;
}

.owl-nav .owl-prev, .owl-nav .owl-next {
	position: absolute;
	z-index: 9;
	top: calc(50% - 40px);
	width: 50px;
	height: 50px;
	color: #42974d !important;
	font-size: 2rem !important;
	font-weight: bold;
}

.owl-nav .owl-prev span, .owl-nav .owl-next span {
	height: 100%;
	width: 100%;
	display: block;
}

.owl-nav .owl-prev {
	left: -20px;
}

.owl-nav .owl-next {
	right: -20px;
}
@media only screen and (min-width:1700px) {
    .mxp-lg-n3{margin-left: -1.335rem; margin-right: -1.335rem;}
	.pxp-lg-3{padding-left:1.335rem; padding-right:1.335rem;}
}


/*=====================================
 	PASSWORD CHECKER
=====================================*/

#pswd_info
{
	display:none;
    font-size:.875em;
}

#pswd_info h4
{
    margin:0 0 10px 0;
    padding:0;
    font-weight:normal;
	font-size:1.4em;
}

#pswd_info .invalid
{
    padding-left:22px;
    line-height:24px;
    color:#ec3f41;
}

#pswd_info .valid{padding-left:22px;line-height:24px;color:#3a7d34;}
.form-perso-site .form-group >label{padding-bottom: 5px;}
/*=====================================
 	FORMATION
=====================================*/ 
.table-white-site button.dt-button {height: 45px;}
.js-yearpicker.form-control {height: 40px;}
.formation_image{width:100%;}
.title-border-bottom{border-bottom: 1px solid #B6B2B2;}
.object-fit-img img{height: 100%; object-fit: cover;-ms-object-fit: cover;-webkit-object-fit: cover; width: 100%}
.object-fit-img.h-100 video {height: 100%;object-fit: cover;-ms-object-fit: cover;-webkit-object-fit: cover;}
.has-icon-play span{display: inline-block;background: url("../imgs/ico_play_video.svg") no-repeat center left; padding: 5px 0 5px 35px;}
.has-icon-pdf span{display: inline-block;background: url("../imgs/ico_pdf.svg") no-repeat center left; padding: 5px 0 5px 30px;}
.form-btn-py .btn{padding-top:0.725rem ;padding-bottom:0.725rem ;border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;}
.link-color-green a{color: #42974d;text-decoration: underline;}
@media only screen and (min-width:450px) {
.d-inline-block>.alert {min-width: 380px;}
}
/*=====================================
 	ChOIX SITE
=====================================*/

#choix-site-box { background-size: cover!important;}
#choix-site-box .card{background-color: rgba(255,255,255,0.5);border-radius: 0;max-width: 540px;box-shadow: none;padding: 22px;text-align: center;}
#choix-site-box .card-body{background-color: rgba(255,255,255,1)}