/* Global */
.nopadding{ padding: 0; }
.vhidden { visibility: hidden; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-weight: 300; }
.bold, b, optgroup, strong { font-weight: 700; }
.italic, i { font-weight: 300; font-style: italic; }
select:focus { outline: none; }

/* Formulaires */
.form-input { margin-bottom: 20px; }
.form-control.error:focus { border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(169,68,66,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(169,68,66,.6); }
.form-control.valid:focus { border-color: #3fa642; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(63,166,66,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(63,166,66,.6); }

/* Checkbox et Radios - Avec input */
._CBox { display: inline-block; height: 20px; position: relative; width: 20px; 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: 21px; width: 21px; position: relative; }
._CBox input[type=checkbox] + .cbox { border: 1px solid #ccc; box-shadow: inset 0 1px 1px rgba(0,0,0,.075); }
._CBox input[type=radio] + .cbox { border: 1px solid #ccc; box-shadow: inset 0 1px 1px rgba(0,0,0,.075); border-radius: 100%; }
._CBox input[type=checkbox] + .cbox:after,
._CBox input[type=radio] + .cbox:after { font-family: "Fontawesome"; line-height: 18px; position: absolute; top: 0; left: 0; bottom: 0; right: 0; text-align: center; transition: all 0.2s ease; }
._CBox input[type=checkbox]:not(:checked) + .cbox:after,
._CBox input[type=radio]:not(:checked) + .cbox:after { opacity: 0; transform: scale(0); }
._CBox input[type=checkbox]:checked + .cbox:after,
._CBox input[type=radio]:checked + .cbox:after { opacity: 1; transform: scale(1); }
._CBox input[type=checkbox] + .cbox:after { content: "\f00c"; }
._CBox input[type=radio] + .cbox:after { content: "\f111"; font-size: 10px; }
._CBox.error input[type=checkbox] + .cbox,
._CBox.error input[type=radio] + .cbox { color: #a94442; border-color: #a94442; }
._CBox + label { margin: 0 0 0 7px; display: inline-block; vertical-align: middle; min-height: 20px; }
/* Checkbox et Radios - Sans input */
._CBox.chk .cbox { border: 1px solid #ccc; box-shadow: inset 0 1px 1px rgba(0,0,0,.075); }
._CBox.chk .cbox:after { font-family: "Fontawesome"; line-height: 18px; position: absolute; top: 0; left: 0; 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; transform: scale(0); }
.checked ._CBox.chk .cbox:after,
._CBox.chk.checked .cbox:after { opacity: 1; transform: scale(1); }
._CBox.chk .cbox:after { content: "\f00c"; }

._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 { float: left; margin-bottom: -2px; position: relative; display: block; }
.nav-tabs > li > 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 { 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 { font-family: 'Quicksand'; font-weight: 300; text-transform: uppercase; cursor: default; background-color: #fff; font-size: 17px; }
.tab-content { padding-top: 20px; border-style: solid; border-width: 0 1px 1px 1px; }
.tab-content > .tab-pane.active { opacity: 1; height: auto; }
.tab-content > .tab-pane { opacity: 0; height: 0; overflow: hidden; margin: 0; transition: 0.5s opacity ease; }

/* BreadCrumb */
.breadcrumb { margin-bottom: 10px; }
.breadcrumb > li { font-size: 11px; }
.breadcrumb > li .fa { margin-right: 0.5em; }

/* Modal */
.modal { z-index: 10000; }
.modal-backdrop { z-index: 9990; }
.modal.fade .modal-dialog { transition: 0.3s width ease; } 
.modal-header { height: 55px; }
.modal-header .close { position: absolute; top: 15px; right: 15px; }
.modal-body { width: 100% !important; }

/* Select */
button.dropdown-toggle > .fa { position: absolute; top: 10px; right: 10px; }
.btn-group,
.btn-group > .dropdown-toggle { position: relative; text-align: left; }
.dropdown-menu { font-size: 15px; height: auto; overflow-x: hidden; max-height: 200px; }
.dropdown-menu li.selected { background-color: #eee; }
.dropdown-menu li:hover:not(.selected) { background-color: #fafafa; }
.dropdown-menu li { line-height: 40px; padding: 0 10px; cursor: pointer; transition: 0.3s background-color ease; }
.dropdown-menu li.disabled { display: none; }

/* Boutons */
.btn { font-weight: 300; white-space: normal; transition: 0.3s background-color ease; }
.btn-link { padding: 0; }
.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; }
.btn .fa,
.btn [class*=' icon-linecons-'], 
.btn [class^='icon-linecons-'] { margin-right: 0.5em; }
.btn .fa.right { margin-left: 0.5em; }
.btn:hover > .fa { margin-right: 0.5em; }
.btn-social{position:relative;padding-left:44px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-social>:first-child{position:absolute;left:0;top:0;bottom:0;width:32px;line-height:34px;font-size:1.6em;text-align:center;border-right:1px solid rgba(0,0,0,0.2)}
.btn-social.btn-lg{padding-left:61px}.btn-social.btn-lg>:first-child{line-height:45px;width:45px;font-size:1.8em}
.btn-social.btn-sm{padding-left:38px}.btn-social.btn-sm>:first-child{line-height:28px;width:28px;font-size:1.4em}
.btn-social.btn-xs{padding-left:30px}.btn-social.btn-xs>:first-child{line-height:20px;width:20px;font-size:1.2em}
.btn-social-icon{position:relative;padding-left:44px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:34px;width:34px;padding:0}.btn-social-icon>:first-child{position:absolute;left:0;top:0;bottom:0;width:32px;line-height:34px;font-size:1.6em;text-align:center;border-right:1px solid rgba(0,0,0,0.2)}
.btn-social-icon.btn-lg{padding-left:61px}.btn-social-icon.btn-lg>:first-child{line-height:45px;width:45px;font-size:1.8em}
.btn-social-icon.btn-sm{padding-left:38px}.btn-social-icon.btn-sm>:first-child{line-height:28px;width:28px;font-size:1.4em}
.btn-social-icon.btn-xs{padding-left:30px}.btn-social-icon.btn-xs>:first-child{line-height:20px;width:20px;font-size:1.2em}
.btn-social-icon>:first-child{border:none;text-align:center;width:100% !important}
.btn-social-icon.btn-lg{height:45px;width:45px;padding-left:0;padding-right:0}
.btn-social-icon.btn-sm{height:30px;width:30px;padding-left:0;padding-right:0}
.btn-social-icon.btn-xs{height:22px;width:22px;padding-left:0;padding-right:0}
.btn-social:hover span.fa,
.btn-social:active span.fa { color: #fff; }

.btn-facebook{color:#fff;background-color:#3b5998;border-color:rgba(0,0,0,0.2)}.btn-facebook:focus,.btn-facebook.focus{color:#fff;background-color:#2d4373;border-color:rgba(0,0,0,0.2)}
.btn-facebook:hover{color:#fff;background-color:#2d4373;border-color:rgba(0,0,0,0.2)}
.btn-facebook:active,.btn-facebook.active,.open>.dropdown-toggle.btn-facebook{color:#fff;background-color:#2d4373;border-color:rgba(0,0,0,0.2)}.btn-facebook:active:hover,.btn-facebook.active:hover,.open>.dropdown-toggle.btn-facebook:hover,.btn-facebook:active:focus,.btn-facebook.active:focus,.open>.dropdown-toggle.btn-facebook:focus,.btn-facebook:active.focus,.btn-facebook.active.focus,.open>.dropdown-toggle.btn-facebook.focus{color:#fff;background-color:#23345a;border-color:rgba(0,0,0,0.2)}
.btn-facebook:active,.btn-facebook.active,.open>.dropdown-toggle.btn-facebook{background-image:none}
.btn-facebook.disabled:hover,.btn-facebook[disabled]:hover,fieldset[disabled] .btn-facebook:hover,.btn-facebook.disabled:focus,.btn-facebook[disabled]:focus,fieldset[disabled] .btn-facebook:focus,.btn-facebook.disabled.focus,.btn-facebook[disabled].focus,fieldset[disabled] .btn-facebook.focus{background-color:#3b5998;border-color:rgba(0,0,0,0.2)}
.btn-facebook .badge{color:#3b5998;background-color:#fff}

.btn-twitter{color:#fff;background-color:#55acee;border-color:rgba(0,0,0,0.2)}.btn-twitter:focus,.btn-twitter.focus{color:#fff;background-color:#2795e9;border-color:rgba(0,0,0,0.2)}
.btn-twitter:hover{color:#fff;background-color:#2795e9;border-color:rgba(0,0,0,0.2)}
.btn-twitter:active,.btn-twitter.active,.open>.dropdown-toggle.btn-twitter{color:#fff;background-color:#2795e9;border-color:rgba(0,0,0,0.2)}.btn-twitter:active:hover,.btn-twitter.active:hover,.open>.dropdown-toggle.btn-twitter:hover,.btn-twitter:active:focus,.btn-twitter.active:focus,.open>.dropdown-toggle.btn-twitter:focus,.btn-twitter:active.focus,.btn-twitter.active.focus,.open>.dropdown-toggle.btn-twitter.focus{color:#fff;background-color:#1583d7;border-color:rgba(0,0,0,0.2)}
.btn-twitter:active,.btn-twitter.active,.open>.dropdown-toggle.btn-twitter{background-image:none}
.btn-twitter.disabled:hover,.btn-twitter[disabled]:hover,fieldset[disabled] .btn-twitter:hover,.btn-twitter.disabled:focus,.btn-twitter[disabled]:focus,fieldset[disabled] .btn-twitter:focus,.btn-twitter.disabled.focus,.btn-twitter[disabled].focus,fieldset[disabled] .btn-twitter.focus{background-color:#55acee;border-color:rgba(0,0,0,0.2)}
.btn-twitter .badge{color:#55acee;background-color:#fff}

.btn-pinterest{color:#fff;background-color:#cb2027;border-color:rgba(0,0,0,0.2)}.btn-pinterest:focus,.btn-pinterest.focus{color:#fff;background-color:#9f191f;border-color:rgba(0,0,0,0.2)}
.btn-pinterest:hover{color:#fff;background-color:#9f191f;border-color:rgba(0,0,0,0.2)}
.btn-pinterest:active,.btn-pinterest.active,.open>.dropdown-toggle.btn-pinterest{color:#fff;background-color:#9f191f;border-color:rgba(0,0,0,0.2)}.btn-pinterest:active:hover,.btn-pinterest.active:hover,.open>.dropdown-toggle.btn-pinterest:hover,.btn-pinterest:active:focus,.btn-pinterest.active:focus,.open>.dropdown-toggle.btn-pinterest:focus,.btn-pinterest:active.focus,.btn-pinterest.active.focus,.open>.dropdown-toggle.btn-pinterest.focus{color:#fff;background-color:#801419;border-color:rgba(0,0,0,0.2)}
.btn-pinterest:active,.btn-pinterest.active,.open>.dropdown-toggle.btn-pinterest{background-image:none}
.btn-pinterest.disabled:hover,.btn-pinterest[disabled]:hover,fieldset[disabled] .btn-pinterest:hover,.btn-pinterest.disabled:focus,.btn-pinterest[disabled]:focus,fieldset[disabled] .btn-pinterest:focus,.btn-pinterest.disabled.focus,.btn-pinterest[disabled].focus,fieldset[disabled] .btn-pinterest.focus{background-color:#cb2027;border-color:rgba(0,0,0,0.2)}
.btn-pinterest .badge{color:#cb2027;background-color:#fff}

.btn-mail {color: #000; background-color: #FFF; border-color:rgba(0,0,0,0.2)}
.btn-mail:focus,.btn-mail.focus{color:#fff;border-color:rgba(0,0,0,0.2)}
.btn-mail:hover{color:#fff; border-color:rgba(0,0,0,0.2)}
.btn-mail:active,.btn-mail.active,.open>.dropdown-toggle.btn-mail{color:#fff; border-color:rgba(0,0,0,0.2)}
.btn-mail:active:hover,.btn-mail.active:hover,.open>.dropdown-toggle.btn-mail:hover,.btn-mail:active:focus,.btn-mail.active:focus,.open>.dropdown-toggle.btn-mail:focus,.btn-mail:active.focus,.btn-mail.active.focus,.open>.dropdown-toggle.btn-mail.focus{color:#fff; border-color:rgba(0,0,0,0.2)}
.btn-mail:active,.btn-mail.active,.open>.dropdown-toggle.btn-mail{background-image:none}
.btn-mail.disabled:hover,.btn-mail[disabled]:hover,fieldset[disabled] .btn-mail:hover,.btn-mail.disabled:focus,.btn-mail[disabled]:focus,fieldset[disabled] .btn-mail:focus,.btn-mail.disabled.focus,.btn-mail[disabled].focus,fieldset[disabled] .btn-mail.focus{ border-color:rgba(0,0,0,0.2)}
.btn-mail .badge{color:#000;background-color:#fff}

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

/* Accordions */
[id^=accordion] .panel { box-shadow: none; }
[id^=accordion] .panel-default { border: 0; border-radius: 0; background-color: #FFF; }
[id^=accordion] .panel-heading { background-color: #FFF; position: relative; padding: 0; border-width: 1px; border-style: solid; }
[id^=accordion] .panel-heading > .panel-title > a { display: block; padding: 10px 45px 10px 15px; position: relative; }
[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 > .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; }

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

/* 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:#f17e7c; 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{font-weight:700; background:0 0}
.alert a:hover{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:700; 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; }


@media (min-width: 768px) and (max-width: 991px) {
	
}

@media (max-width: 767px) {
	.nopadding-xs { padding: 0; }
	.breadcrumb { margin-top: 10px; }
	.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; }
	.float-xs-right { float: right; }
	.float-xs-left { float: left; }	
	
	.modal-header { height: auto; } 
}