/* Global */
.nopadding { padding: 0; }
.nomargin { margin: 0; }
.vhidden { visibility: hidden; }
.underline,
.underline:hover,
.underline:focus { text-decoration: underline; }
.h1, h1 {font-weight: 500;}
.h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-weight: 400; }
.bold, b, optgroup, strong { font-weight: 700; }
.italic, i { font-weight: 300; font-style: italic; }
select:focus { outline: none; }
sup { top: -.6em; }
@media (min-width: 1200px) {
    .container {width: 85%;}
    .container-fluid, .container { max-width: 85%;}
}
@media (min-width: 2250px) {
    .container {
        width: 1920px;
    }

    .container-fluid, .container {
        max-width: 1920px;
    }
}
.lowercase { text-transform: lowercase !important; display: inline-block; }
.lowercase:first-letter { text-transform: capitalize !important; }
.uppercase { text-transform: uppercase; }
.responsive_table { width: 100%; overflow-x: auto; }

/* Formulaires */
.form-control { border-color: #1d1d1b; border-radius:5px; box-shadow: none; }
.form-control:focus { border-color: #1d1d1b; box-shadow: none; }
.form-input { margin-bottom: 20px; }
.form-input.required { margin-bottom: 0; }
.form-msg { min-height: 30px; font-size: 12px; padding-top: 3px; line-height: 13px; }
.form-control.error:focus { border-color: #a94442; box-shadow: none; }
.form-control.valid:focus { border-color: #3fa642; box-shadow: none; }
.input-group.file { width: 100%; margin: 0; border-spacing: 0px; }
.input-group.file .input-group-addon { z-index: 2;width: 146px;background-color: #eee;height: 34px;line-height: 20px;cursor:pointer;border-right: 1px solid #ccc; font-size: 1em; }
span.fileName {height: 36px;line-height:14px;width: 100%;display: block;padding: 10px;border: 1px solid #ccc;border-left: 0; border-radius: 0 4px 4px 0;}
span.fileName.error { border-color:#a94442 }
.form-control.light { border-width: 0 0 1px 0; padding: 0px 0px; height: auto; }
.input-group {border: 1px solid #1d1d1b; padding-left: 12px; border-radius:5px}
.input-group .form-control { border-width: 0; padding-left: 0; background-color: transparent; border-color: #000; z-index:0 }
.input-group-addon { font-size: 20px; background-color: transparent; border: 0 none; border-radius:5px !important; }

/* Inputs file */
.file_custom { display: inline-block; vertical-align: middle; height: 32px; position: relative; border: 1px solid #979797; background-color: #fcfcfc; color: #000; overflow: hidden; cursor: pointer; }
.file_custom > input[type="file"] { opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; }
.file_custom > span { width: 275px; min-height: 31px; float: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-weight: normal; font-style: italic; line-height: 20px; }
.file_custom > span, 
.file_custom > strong { padding: 5px 10px; }
.file_custom > strong { color: #000; background-color: #fff; font-weight: normal; float: left; border-left: 1px solid #979797; min-height: 30px; line-height: 20px; }

/* Checkbox et Radios - Avec input */
._CBox { display: inline-block; height: 15px; position: relative; width: 15px; vertical-align: middle; }
._CBox input { cursor: pointer; display: block; height: 100%; left: 0; opacity: 0.001; position: absolute; top: 0; width: 100%; z-index: 20; margin: 0; }
._CBox .cbox { display: block; height: 15px; width: 15px; position: relative; }
._CBox input[type=checkbox] + .cbox { border: 1px solid #000; }
._CBox input[type=radio] + .cbox { border: 1px solid #000; border-radius: 100%; }
._CBox input[type=checkbox] + .cbox:after,
._CBox input[type=radio] + .cbox:after { font-family: "Font Awesome 5 Free"; font-weight: 900; line-height: 14px; position: absolute; color: #be1a20; top: 0; left: 0; bottom: 0; right: 0; text-align: center; transition: opacity 0.2s ease; }
._CBox input[type=checkbox]:not(:checked) + .cbox:after,
._CBox input[type=radio]:not(:checked) + .cbox:after { opacity: 0; }
._CBox input[type=checkbox]:checked + .cbox:after,
._CBox input[type=radio]:checked + .cbox:after { opacity: 1; }
._CBox input[type=checkbox] + .cbox:after { content: "\f00c"; }
._CBox input[type=radio] + .cbox:after { content: "\f111"; font-size: 6px; }
._CBox.error input[type=checkbox] + .cbox,
._CBox.error input[type=radio] + .cbox { color: #a94442; border-color: #a94442; }
._CBox + label,
label ._CBox + span { margin: 0 0 0 7px; display: inline-block; vertical-align: middle; min-height: 20px; line-height: 1.5em; }
/* Checkbox et Radios - Sans input */
._CBox.chk .cbox { border: 1px solid #000; border-radius: 100%; }
._CBox.chk .cbox:after { font-family: "Font Awesome 5 Free"; font-weight: 900; line-height: 14px; position: absolute; top: 0; left: 0.4px; bottom: 0; right: 0; text-align: center; transition: all 0.2s ease; }
:not(.checked) ._CBox.chk .cbox:after,
._CBox.chk:not(.checked) .cbox:after { opacity: 0; }
.checked ._CBox.chk .cbox:after,
.current_page ._CBox.chk .cbox:after,
._CBox.chk.checked .cbox:after,
._CBox.chk.current_page .cbox:after { opacity: 1; }
._CBox.chk .cbox:after { content: "\f111"; font-size: 6px; }

._CBox.rdo .cbox {}
/* Tab */
.nav-tabs { margin-bottom: 1px; list-style: none;  position: relative; }
.nav-tabs:before { content: ""; position: absolute; bottom: -1px; left: 0; width: 100%; border-bottom-width: 1px; border-bottom-style: solid; }
.nav-tabs:after { clear: both; display: table; content: " "; }
.nav-tabs > li, .nav-tabs > div { float: left; margin-bottom: -2px; position: relative; display: block; }
.nav-tabs > li > a, .nav-tabs > div > a { position: relative; display: block; padding: 10px 15px; margin-bottom: 1px; margin-right: 2px; border-width: 1px; border-style: solid; border-top-color: #e1e1e1; border-left-color: #e1e1e1; border-right-color: #e1e1e1; border-bottom-color: transparent; border-radius: 4px 4px 0 0; }
.nav-tabs > li > a:hover, .nav-tabs > div > a:hover { color: inherit; border-top-color: #ccc; border-left-color: #ccc; border-right-color: #ccc; border-bottom-color: transparent; }
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover,
.nav-tabs > div.active > a,
.nav-tabs > div.active > a:focus,
.nav-tabs > div.active > a:hover  { color: #555; cursor: default; background-color: #fff; }
.tab-content { padding-top: 20px; border-style: solid; border-width: 0 1px 1px 1px; }
.tab-content > .tab-pane.active { opacity: 1; height: auto; overflow: visible; }
.tab-content > .tab-pane { opacity: 0; height: 0; overflow: hidden; margin: 0; transition: 0.5s opacity ease; }

/* BreadCrumb */
.breadcrumb {
     margin-bottom: 0px; 
     background-color: transparent; }
.breadcrumb > li { 
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500; }
.breadcrumb>li+li:before {
    content: "";
    display: inline-block;
    padding: 0;
    width: 4px;
    background-color: #F0F0F0;
    height: 4px;
    border-radius: 4px;
    margin: 0 10px;
    line-height: 17px;
}

/* Modal */
.modal-backdrop { background-color: #FFF; }
.modal { z-index: 10000; }
.modal-backdrop { z-index: 9990; }
.modal.fade .modal-dialog { transition: 0.3s width ease; }
.modal .modal-dialog .modal-content { border-radius: 0; border: 1px solid #e2e2e2; } 
.modal-header { border-bottom: 0 none ; text-align: center; }
.modal-header .close { 
    position: absolute;
    top: 25px;
    right: 25px;
    opacity: 1;
    z-index: 10;
    height: 16px;
    width: 16px;
}
.modal-header .close.fa-times:before, 
.modal-header .close.fa-times:after {
    content: "";
    background-color: #000;
    top: 50%;
    left: 0;
    right: 0;
    transform: rotate(-45deg);
    width: 100%;
    height: 1%;
    display: block;
}
.modal-header .close.fa-times:before {
    transform: rotate(45deg);
}
.modal-header .modal-title { width: 100% !important; font-size: 25px; font-weight:700}
.modal-header .modal-title span { margin-bottom:10px}
.modal.no_header .modal-header { height: 0; padding: 0; }
.modal-body { width: 100% !important; }

/* Select */
.btn-group,
.btn-group > .dropdown-toggle {     
    position: relative;
    text-align: left;
    border-radius: 8px;   
    line-height:14px;
}
button.dropdown-toggle:after { 
    content: url('../../ximg/bo_ericfavre/picto-dropdown.svg');
    font-family: "Font Awesome 5 Free";
    float: right;
    font-weight: 900;
    font-size: 14px;
    line-height: 24px; 
}
.btn-group > .dropdown-toggle > .value {
    margin-right: 10px;
    line-height: 18px;
}
.btn-group > .dropdown-toggle > .value > img { margin-right: 5px; }
.dropdown-menu { font-size: 15px; height: auto; overflow-x: hidden; max-height: 250px; padding: 0; }
.dropdown-menu li.selected { background-color: #eee; }
.dropdown-menu li:hover:not(.selected) { background-color: #fafafa; }
.dropdown-menu li { min-height: 34px; padding: 6px 10px; cursor: pointer; transition: 0.3s background-color ease; font-size: 14px; line-height: 23px; }
.dropdown-menu li > img { margin-right: 5px; }
.dropdown-menu li >  span { display: inline-block; vertical-align: middle; }
.dropdown-menu li.disabled { opacity: 0.5; }

/* Tables */
.table th { font-weight: 500; } 

/* Boutons */
.btn { font-weight: 300; white-space: normal; cursor: pointer; }
@media (hover) {
	.btn { transition: 0.3s background-color ease, 0.3s border-color ease, 0.3s color ease; }
}


.btn-link { padding: 0; color:#000 }
.btn-link:focus, 
.btn-link:hover { outline: none; }
.btn.off { opacity: 0.5; }
.btn-default:focus, 
.btn-default.focus,
button:focus { outline: none; }
.btn-default.background-color1:focus, 
.btn-default.background-color1.focus,
.btn-default.background-color1:active,
.btn-default.background-color1.active { outline: none; color:inherit}
.btn .fa,
.btn .fab,
.btn [data-icon] { margin-right: 0.5em; }
.btn .fa.right,
.btn [data-icon].right { margin-left: 0.5em; margin-right: 0; }
.btn .fa.center { margin-right: 0.5em; margin-left: 0.5em; }
.btn:hover > .fa { margin-right: 0.5em; }
.btn:hover > .fa.right { margin-left: 0.5em; margin-right: 0; }
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus { outline: 0; }

/* Popover */
.popover { max-width: none; }

/* Accordions */
.collapse { overflow: hidden; display: block; height: 0; }
.collapse.in { height: auto; overflow: visible; }
[id^=accordion] .panel { box-shadow: none; }
[id^=accordion] .panel-default { border: 0; border-radius: 6px; background-color: #f0f0f0; }
[id^=accordion] .panel-heading { border: 0 none; border-radius: 6px; padding: 0; border-bottom: 1px solid transparent; position: relative; background-color: #f0f0f0;  }
[id^=accordion] .panel-heading a:after { text-transform: none !important; content: url('../../ximg/bo_ericfavre/picto-dropdown.svg'); position: absolute; top: 17px; right: 15px; -webkit-transition: 0.3s -webkit-transform ease; transition: 0.3s -webkit-transform ease; -o-transition: 0.3s transform ease; transition: 0.3s transform ease; transition: 0.3s transform ease, 0.3s -webkit-transform ease; }
[id^=accordion] .panel-heading.active a:after {content: url('../../ximg/bo_ericfavre/picto-dropdown.svg'); transform: rotate(180deg);}
[id^=accordion] .panel-heading > .panel-title { display: block; position:relative;font-size: 25px;font-weight: 600;padding: 20px 50px;}
[id^=accordion] .panel-heading > .panel-title > a { display: block; }
[id^=accordion] .panel-heading > .panel-title > a:hover { color: inherit; }
[id^=accordion] .panel-heading > .panel-title > a .minus { display: none; }
[id^=accordion] .panel-heading.active {  }
[id^=accordion] .panel-heading.active > .panel-title > a .plus { display: none; }
[id^=accordion] .panel-heading.active > .panel-title > a .minus { display: block; }
[id^=accordion] .panel-heading+.panel-collapse>.panel-body { border-style: solid; border-width: 0 1px 1px 1px; }
[id^=accordion] .panel-heading > .panel-title > a .fa:not(.plus):not(.minus) { padding-right: 0.5em; }
[id^=accordion] .panel-heading > .panel-title > a .fa.plus,
[id^=accordion] .panel-heading > .panel-title > a .fa.minus { position: absolute; top: 10px; right: 30px; }
[id^=accordion] .panel-default.light .panel-heading a:after {right: 20px; position: absolute; top: initial; }
[id^=accordion].white { background-color: #FFF; padding-bottom: 10px; }
[id^=accordion].white .panel-heading a:after { content: " "; display: table;position: relative; }
[id^=accordion].white .panel-heading > .panel-title { margin: 0 20px; padding: 10px 0; border-bottom: 1px solid #e2e2e2; }
[id^=accordion].white .panel-collapse.collapsing:after,
[id^=accordion].white .panel-collapse.in:after { content: ""; display: block; margin: 0 20px; border-bottom: 1px solid #e2e2e2; }

/* Tooltips */
.tooltip.in { opacity: 1; }
.tooltip-inner { background-color: #FFF; border-width: 1px; border-style: solid; color: #000; white-space:pre-wrap; }
.error-tooltip + .tooltip > .tooltip-inner { border-color: #a94442; }
.error-tooltip + .tooltip.top .tooltip-arrow  { border-top-color: #a94442; }
.error-tooltip + .tooltip.bottom .tooltip-arrow  { border-bottom-color: #a94442; }
.error-tooltip + .tooltip.left .tooltip-arrow  { border-left-color: #a94442; }
.error-tooltip + .tooltip.right .tooltip-arrow  { border-right-color: #a94442; }

/* ALERT BOX STYLES */
.alert{position:relative; padding:10px; text-align:left; border-width:0; border-style:solid; padding:15px; margin:20px 0; border:1px solid transparent; border-radius:4px}
.alert h4{margin-top:0; color:inherit}
.alert .alert-link{font-weight:700}
.alert>p,.alert>ul{margin-bottom:0}
.alert>p+p{margin-top:5px}
.alert .fa { margin-right: 0.5em; }
.alert-dismissable,.alert-dismissible{padding-right:35px}
.alert-dismissable .close,.alert-dismissible .close{position:relative; top:-2px; right:-21px; color:inherit}
.alert-success{color:#3c763d; background-color:#dff0d8; border-color:#d6e9c6}
.alert-success hr{border-top-color:#c9e2b3}
.alert-success .alert-link{color:#2b542c}
.alert-info{color:#31708f; background-color:#d9edf7; border-color:#bce8f1}
.alert-info hr{border-top-color:#a6e1ec}
.alert-info .alert-link{color:#245269}
.alert-warning{color:#8a6d3b; background-color:#fcf8e3; border-color:#faebcc}
.alert-warning hr{border-top-color:#f7e1b5}
.alert-warning .alert-link{color:#66512c}
.alert-danger{color:#a94442; background-color:#f2dede; border-color:#ebccd1}
.alert-danger hr{border-top-color:#e4b9c0}
.alert-danger .alert-link{color:#843534}
.alert-danger .fa { margin-right: 0.5em; }
.alert-close{padding-right:36px}
.alert a { text-decoration: underline; }
.alert .alert-icon{line-height:34px; float:left; width:34px; height:34px; margin:5px 10px 0 0; text-align:center; border-radius:3px;}
.alert .alert-title { font-size: 12px; font-weight: 400; margin: 4px 0 3px; padding: 0; text-transform: uppercase; }
.alert .alert-content{overflow:hidden}
.alert p{padding:0; opacity:.85; -moz-opacity:.85; filter:alpha(opacity=85);}
.alert p:last-child{margin:0}
.alert .alert-close-btn{font-size:12px; line-height:16px; position:absolute; z-index:2; top:50%; right:10px; display:block; width:16px; height:16px; margin-top:-10px; text-align:center; opacity:.5; color:#000; filter:alpha(opacity=50)}
.alert .alert-close-btn:hover{opacity:1; filter:alpha(opacity=100)}
.bg-warning{ color: white;border-color: #d67520; background: #e67e22; }
.bg-danger{ color: white;border-color: #e4b9c0; background: #e4b9c0; }
.bg-success{ color: white;border-color: #dff0d8; background: #dff0d8; }
.bg-info{ color: white;border-color: #d9edf7; background: #d9edf7; }


.MagicScroll-horizontal .mcs-button-arrow-prev:before, 
.MagicScroll-horizontal .mcs-button-arrow-next:before { display: none; }
.MagicScroll-horizontal .mcs-button-arrow-prev:after,  
.MagicScroll-horizontal .mcs-button-arrow-next:after { }
.MagicScroll-horizontal .mcs-button-arrow-next:after,  
.MagicScroll-horizontal .mcs-button-arrow-prev:after { content: url('../../ximg/bo_ericfavre/picto-dropdown.svg'); }
.MagicScroll-horizontal .mcs-button-arrow-prev,
.MagicScroll-horizontal .mcs-button-arrow-next { opacity: 1 !important;transform: rotate(-90deg); }
.MagicScroll-horizontal .mcs-button-arrow-prev { transform: rotate(90deg);}
.mcs-item div.video {
    height: 100%;
}
.mcs-item div.video iframe {
    width: 100%;
    height: 100%;
}

@media (max-width: 832px) {	
	.container-fluid, .container { padding:0 }
}
  
@media (min-width: 768px) and (max-width: 1199px) {	
	.container-fluid, .container { width:100%; }
}

/* ----- [TAB Portrait] ----- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { 
	/* Global */
	.nopadding-sm { padding: 0; }
}

@media (max-width: 991px) {
    [id^=accordion] .panel-heading > .panel-title {
        font-size: 18px; 
    }
    [id^=accordion] .panel-heading a:after {
        top:20px
    }
}
@media (max-width: 767px) {
	.nopadding-xs { padding: 0; }
	.breadcrumb { }
    .breadcrumb > li { display: inline }
	.text-xs-right { text-align: right; }
	.text-xs-left { text-align: left; }
	.text-xs-center { text-align: center; }
	.xs-block { display: block !important; width: 100%; }
	.xs-block + .xs-block { margin-top: 10px; }
	.xs-inline { display: inline !important; }
	.pull-right-xs { float: right; }
	.pull-left-xs { float: left; }	
	.modal-header { height: auto; } 
	
	/* Modal */
	.modal-header .modal-title {  }
	.modal-header .modal-title > span { font-size: 22px; }
	.modal-header .close { font-size: 1.2em; right: 15px; }
	
	/* Accordions */
	[id^=accordion] .panel-default.light .panel-heading { margin: 0; }
	[id^=accordion] .panel-default.light .panel-heading:after { top: 17px; right: 20px; }
	[id^=accordion] .panel-default.light .panel-heading > .panel-title > a { padding: 10px; }
	[id^=accordion] .panel-default.light .panel-heading > .panel-title > a, 
	[id^=accordion] .panel-default.light .panel-heading > .panel-title > a > h1 { line-height: 1.5em; }
	
	/* Inputs file */
	.file_custom > span { width: 155px; }

    [id^=accordion] .panel-heading > .panel-title {
        font-size: 18px;
        padding: 20px;
    }
}