body {background: #c3c7cb;color: #3a444d;font-family: 'Open Sans', sans-serif;}
a, .fa-question-circle {color: #de656a;}
.btn-primary {background-color: #de656a;border-color: #de656a;}
.datepicker table tr td span.active.active, .datepicker table tr td.active.active {background: #de656a!important;}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover {background-color:#de656a; }
.btn-primary:hover {background-color: #3a444d;border-color: #3a444d;}
h1,h2,h3,h4,h5, .navbar-brand {font-family: 'Luckiest Guy', cursive;letter-spacing: .05em;}
a.verysmall {font-size: 0.7em;padding-top: 0.5em;color:#de656a;text-decoration: none; }

.mt-2 {margin-top: 2em;}

.input-less {display:none;}

.fixed-table-toolbar .dropdown-menu {min-width: 200px;}

.badge {background:#de656a;font-family: 'Open Sans', sans-serif; }
.panel-primary {border-color: #de656a;}
.panel-body {background: rgba(195, 199, 203, 0.5);}
.panel-primary>.panel-heading {background-color:#de656a;border-color: #de656a; font-size: 0.9em;padding: 2px 10px;}
.panel-primary>.panel-body>.normal-body .has-error .form-control {border-color: #a94442!important;}
.panel-primary>.panel-body>.normal-footer {margin-top:15px;}
.panel-primary>.panel-body>.normal-footer>.form-group {height:35px; margin-bottom:0;}
.panel-primary>.panel-body>.normal-footer>.alert {margin-bottom:0; margin-top:15px;}
#art_article_modal {padding: 5px 15px;}
.panel.new-ref {text-align: center;padding: 1em 0; cursor:pointer;}
.panel.new-ref:hover > i {color:#de656a;}
.tooltip > .tooltip-inner {background-color: #de656a;color: #FFFFFF;border: 1px solid #de656a;padding: 10px;}
.tooltip.top > .tooltip-arrow {border-top: 5px solid #de656a;}

.alert.pull-left {padding: 6px 12px; margin-bottom: 0;}

.navbar-brand h3 {margin: 0;line-height: 50px;color: white;}
.navbar {background-color: #3a444d;border-bottom: 2px solid #de656a;}

.table-striped>tbody>tr:nth-of-type(odd) {background-color: rgba(255, 255, 255, 0.25);}
.table-hover>tbody>tr:hover {background-color: rgba(255, 255, 255, 0.5);}

.checkbox-info input[type="checkbox"]:checked+label::before {background-color: #de656a;border-color: #de656a;}
    
.hero {background:url(../images/website/newspapers-retouche2.jpg) center center;height:calc(100vh - 55px);padding-top:80px;position: relative;}
.hero-content {position: absolute;top:50%;left:50%;transform: translatex(-50%) translatey(-50%);max-width: 100%; width: 100%;}
.accueil h1 {color: white;font-size: 4em;margin:.8em 0 .5em;}

#leprojet {background: #3a444d;color: white;padding: 4em 0;}
#leprojet {background: #3a444d;color: white;padding: 4em 0;}
#partenaires {padding: 4em 0;}
.logos {display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;}
.logos a {width: 45%;height: auto;margin-bottom: 20px;}
.logos a img {width: 100%;}

footer {background: #de656a;color: #fff;text-align: center;padding: .5em;position: fixed;width: 100%;bottom:0;}
footer a {color: #fff;}
footer a:hover, footer a:focus {color: #3a444d;}

/* Laurent */

body { padding-top: 55px;}
.checkbox.checkbox-inline {margin-right:0;}
.checkbox-primary input[type="checkbox"]:checked + label::before {
    background-color: #de656a;
    border-color: #de656a;
}
a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover {
    border-color: #de656a;
}
#table-toolbar h1{margin-bottom:0; margin-top:6px;}
.form-group.mandatory label:not(.checkbox):not(.radio)::before {
	color: #d9534f;
    content: "*";
    font-family: FontAwesome;
    margin-right: 4px;
}
.form_upload {
}
form.thumbnail {text-align:center; border:1px solid #de656a;}
form.thumbnail i {cursor:pointer; width:100%;}
form.thumbnail i:hover {color: #de656a;}
.bootstrap-select.open {z-index:1500;}
.table-hover {cursor:pointer;}

.dropdown-toggle.form-control.btn {border: 1px solid #ccc;}

.navbar-default{
    z-index: 1035;
}
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:focus, 
.navbar-default .navbar-nav > .open > a:hover  {
	color: rgba(255, 255, 255, 0.7);
	background-color: transparent;
	border: none;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > .open > a:focus, 
.navbar-default .navbar-nav > .open > a:hover  {
	color: #fff;
	background-color: transparent;
	border: none;
}
.navbar-brand img {
    max-height: 50px;
}


/* Progress Bar */
.progressbar {position: relative;height: 5px;display: block;width: 100%;background-color: inherit;background-clip: padding-box;overflow: hidden; }
.progressbar .indeterminate {background-color: #de656a; }
.progressbar .indeterminate:before, .progressbar .indeterminate:after {content: '';position: absolute;background-color: inherit;top: 0;left: 0;bottom: 0;will-change: left, right;}
.progressbar .indeterminate:before {-webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; }
.progressbar .indeterminate:after { -webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;-webkit-animation-delay: 1.15s;animation-delay: 1.15s; }
@-webkit-keyframes indeterminate {0% {left: -35%;right: 100%; } 60% {left: 100%;right: -90%; } 100% {left: 100%;right: -90%; } }
@keyframes indeterminate {0% {left: -35%;right: 100%; } 60% {left: 100%;right: -90%; } 100% {left: 100%;right: -90%; } }
@-webkit-keyframes indeterminate-short {0% {left: -200%;right: 100%; } 60% {left: 107%;right: -8%; } 100% {left: 107%;right: -8%; } }
@keyframes indeterminate-short {0% {left: -200%;right: 100%; } 60% {left: 107%;right: -8%; } 100% {left: 107%;right: -8%; } }

@media (min-width: 768px) {
.container {max-width: 750px;}
.logos a {width: 20%;}

}
@media (min-width: 992px) {
.container {max-width: 970px;}
}
@media (min-width: 1200px) {
.container {max-width: 1170px;}
}