@font-face {
    font-family: 'montserrat';
    src: url('//fonts.xsalto.com/montserrat/montserrat-light-webfont.woff2') format('woff2'),
         url('//fonts.xsalto.com/montserrat/montserrat-light-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;

}

@font-face {
    font-family: 'montserrat';
    src: url('//fonts.xsalto.com/montserrat/montserrat-regular-webfont.woff2') format('woff2'),
         url('//fonts.xsalto.com/montserrat/montserrat-regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;

}

@font-face {
    font-family: 'montserrat';
    src: url('//fonts.xsalto.com/montserrat/montserrat-semibold-webfont.woff2') format('woff2'),
         url('//fonts.xsalto.com/montserrat/montserrat-semibold-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;

}

@font-face {
    font-family: 'montserrat';
    src: url('//fonts.xsalto.com/montserrat/montserrat-bold-webfont.woff2') format('woff2'),
         url('//fonts.xsalto.com/montserrat/montserrat-bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;

}

@font-face {
    font-family: 'montserrat';
    src: url('//fonts.xsalto.com/montserrat/montserrat-black-webfont.woff2') format('woff2'),
         url('//fonts.xsalto.com/montserrat/montserrat-black-webfont.woff') format('woff');
    font-weight: 900;
    font-style: normal;

}




body {
	font-family: 'montserrat', Arial, Helvetica, sans-serif;
	font-weight: 300;
	color: #232323;
	font-size: 14px;
	line-height: 1.42857143;
}

a {
    color: #d90022;
}

a:hover {
	color: #232323;
}

h1 {
	font-weight: 700;
	font-size: 2.278em;
	color: #242424;
}

h1:after {
	height: 0.2em;
	width: 0.8em;
	background-color: #e2001a;
	content: "";
    display: block;
    margin-bottom: -0.15em;
    margin-top: 0.25em;
}


h2, h3, h4, h5, h6 {
	font-weight: 900;
}

strong, b {
	font-weight: 700;
}


#scrollToTop a {
	background: url(/console/images/scrollToTop_fond.png) left top no-repeat;
}

#scrollToTop a:hover {
	 background: url(/console/images/scrollToTop_fond.png) left -70px no-repeat;
}




/* input */


input::-moz-placeholder,
.form-control::-moz-placeholder {
	color: #232323;
	opacity: 1;
}

input:-ms-input-placeholder,
.form-control:-ms-input-placeholder {
	color: #232323;
}

input::-webkit-input-placeholder,
.form-control::-webkit-input-placeholder {
	color: #232323;
}


select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
	font-family: 'montserratlight', Arial, Helvetica, sans-serif;
	color: #232323;
	border-color: #e5e5e5;
	background-color: #f9f9f9;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

select option {
	font-family: 'montserratlight', Arial, Helvetica, sans-serif;
}



input[type="submit"] {
	min-height: 38px;
	font-weight: 700;
	color: #ffffff;
	text-transform: uppercase;
	padding: 7px 12px 5px 12px;
	background-color: #d90022;
	border: 1px solid #d90022;
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

input[type="submit"]:focus,
input[type="submit"]:hover {
	color: #ffffff;
	background-color: #50494c;
	border-color: #50494c;
}


input[type="button"] {
	min-height: 38px;
	font-weight: 700;
	color: #ffffff;
	padding: 7px 12px 5px 12px;
	background-color: #50494c;
	border: 1px solid #50494c;
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

input[type="button"]:focus,
input[type="button"]:hover {
	color: #50494c;
	background-color: #999999;
	border-color: #999999;
}


input[type="reset"] {
	min-height: 38px;
	font-weight: 700;
	color: #50494c;
	padding: 7px 12px 5px 12px;
	background-color: #999999;
	border: 1px solid #999999;
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

input[type="reset"]:focus,
input[type="reset"]:hover {
	color: #ffffff;
	background-color: #50494c;
	border-color: #50494c;
}





/* button */

.btn-primary {
	color: #ffffff;
	text-transform: uppercase;
	background-color: #d90022;
	border-color: #d90022;
}

.btn-primary:focus,
.btn-primary:hover {
	color: #ffffff;
	background-color: #545e6a;
	border-color: #545e6a;
}





.btn-toolbar .btn-default {
	font-weight: 400;
	color: #999999;
	border-color: #f5f5f5;
	border-radius: 50%;
	background-color: #f5f5f5;
}

.btn-toolbar .btn-default:hover,
.btn-toolbar .btn-default:focus {
	color: #d90022;
	border-color: #f5f5f5;
	background-color: #ffffff;
}

.btn-toolbar .btn-default {
	padding: 8px 11px 6px 11px;
}

.btn-toolbar .btn-group-dropdown-menu .btn-default {
	padding-left: 14px;
	padding-right: 14px;
	border-radius: 18px;
}


.btn-toolbar .btn-group-dropdown-menu:last-child .btn-default {
	padding-left: 11px;
	padding-right: 11px;
	border-radius: 50%;
}

.btn-toolbar .btn-default:active:hover,
.btn-toolbar .btn-default.active:hover,
.btn-toolbar .open > .dropdown-toggle.btn-default:hover,
.btn-toolbar .btn-default:active:focus,
.btn-toolbar .btn-default.active:focus,
.btn-toolbar .open > .dropdown-toggle.btn-default:focus,
.btn-toolbar .btn-default:active.focus,
.btn-toolbar .btn-default.active.focus,
.btn-toolbar .open > .dropdown-toggle.btn-default.focus {
	color: #d90022;
	border-color: #d90022;
}






.pagination > li > a,
.pagination > li > span {
	color: #999999;
	border-color: #999999;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
	color: #d90022;
	border-color: #d90022;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
	background-color: #d90022;
	border-color: #d90022;
}



.nav-pills > li > a {
	font-weight: 400;
	color: #d90022;
	background-color: #f5f5f5;
	border: 1px solid #d90022;
}

.nav-pills > li > a:hover,
.nav-pills > li > a:focus {
	color: #f5f5f5;
	background-color: #d90022;
}


/* table */

.table > thead > tr > td,
.table > thead > tr > th {
	color: #ffffff;
	background-color: #999999;
}

.table > thead > tr > td a:hover,
.table > thead > tr > th a:hover {
	color: #d90022;
}

.table th label {
	font-weight: 700;
	color: #50494c;
}

.table thead th .glyphicon,
.table thead td .glyphicon {
	font-size: 13px;
}

.table tbody td .glyphicon {
	font-size: 16px;
}

.table tbody td a .glyphicon {
	color: #999999;
}

.table tbody td a:hover .glyphicon {
	color: #d90022;
}




.nav-tabs {
	border-color: #999999;
}

.nav-tabs > li > a {
	font-weight: 700;
	color: #50494c;
}

.nav-tabs > li > a:hover {
	color: #ffffff;
	background-color: #50494c;
	border-color: #50494c;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
	color: #d90022;
	border-color: #999999;
	border-bottom-color: transparent;
}





.dropdown-menu {
	border-radius: 0;
}

.dropdown-header,
.dropdown-menu > li > a {
	color: #50494c;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
	background-color: #d90022;
}







.text-warning,
.mess-error { /* a remplacer par boot */
	color: #d90022;
	padding: 20px;
	margin-bottom: 20px;
	border: 1px solid #d90022;
	background-color: #fdefec;
}

.cv8-navigation-separation {
	display: block;
	margin-bottom: 15px;
}


.browse-module-70 .browse-field-gc_reference,
.browse-module-70 .browse-field-gc_season,
.browse-module-64 .browse-field-reference,
.browse-module-139 .browse-field-name,
.browse-module-19 .browse-field-alias,
.browse-module-117 .browse-field-m3famille {
	font-weight: 700;
}



/* authentification */

body.login .jumbotron {
	background: #ffffff url("/console/images/login-fond.jpg") center center no-repeat;
	background-size: cover;
}

body.login .navbar-brand {
	text-align: center;
	margin-bottom: 0;
	padding: 25px 10px 20px 10px;
	border: 5px solid #ffffff;
	background-color: rgba(0, 0, 0, 0.7);
	-webkit-animation: fadein 1.5s both 1s;
	-moz-animation: fadein 1.5s both 1s;
	-ms-animation: fadein 1.5s both 1s;
	-o-animation: fadein 1.5s both 1s;
	animation: fadein 1.5s both 1s;
}

body.login .navbar-brand img {
	display: inline-block;
	width: 80%;
}




.login-content {
	color: #ffffff;
	margin-top: -5px;
	padding: 20px 20px;
	background-color: rgba(0, 0, 0, 0.7);
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 5px solid #ffffff;
}

.login-content a {
	color: #ffffff;
	text-decoration: underline;
}

.login-content a:hover {
	color: #d90022;
	text-decoration: none;
}

.login-content a:before {
	-moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: 'seolan';
    font-style: normal;
    font-weight: 400;
    line-height: 1em;
	font-size: 0.7em;
	margin-right: 5px;
	content: "\e319";
}

.login-content button[type="submit"] {
	font-weight: 700;
	min-height: 39px;
	color: #ffffff;
	background-color: #d90022;
	border-color: #d90022;
}


.login-content button[type="submit"]:hover {
	color: #d90022;
	background-color: #f5f5f5;
}

.login-content .copyright {
	font-size: 0.85em;
	padding: 15px 20px 0 20px;
	margin: 20px -20px 0 -20px;;
	border-top: 5px solid #ffffff;
	background-color: transparent;
}

.login-content .copyright a:before {
	display: none;
}





/* couleur principale */

header .navbar .toggle-nav,
#main-nav .navigation > .nav > li:hover > a, #main-nav .navigation > .nav > li:focus > a, #main-nav .navigation > .nav > li.active > a {
	background-color: #d90022;
}



.navbar .glyphicon,
.label.notification,
#main-nav .navigation > .nav > li > a.active,
#main-nav .navigation > .nav > li > a.in,
#main-nav .navigation > .nav > li .nav > li > a:hover, #main-nav .navigation > .nav > li .nav > li > a:focus {
	color: #d90022;
}

#main-nav .navigation > .nav > li.active > a .glyphicon {
	color: #d90022 !important;
}



@media (min-width: 992px) {

	.main-nav-closed #main-nav .navigation > .nav > li:hover > a > span,
	.main-nav-closed #main-nav .navigation > .nav > li:hover > ul {
		background-color: #d90022;
	}

	.main-nav-closed #main-nav .navigation > .nav > li:hover > a > span,
	.main-nav-closed #main-nav .navigation > .nav > li:hover > ul {
		border-color: #d90022;
	}

}






/* header */

header .navbar {
	background-color: #000000;
}

header .navbar .navbar-brand {
	margin-top: 5px;
}

header .navbar .toggle-nav {
	padding-top: 7px;
}

.navbar .flag,
.navbar .glyphicon,
.label.notification {
	color: #999;
	background-color: #f5f5f5;
}

.label.notification:after {
	border-color: transparent transparent transparent #f5f5f5;
}

.navbar .flag  img {
	border: none;
}




/* navigation */


#main-nav .navigation > .nav > li > a {
	font-weight: 400;
	color: #50494c;
}

#main-nav .navigation > .nav > li > a .glyphicon {
	color: #999;
}

#main-nav .navigation > .nav > li .nav > li > a .glyphicon {
	width: 20px;
	font-size: 70%;
	margin-top: 5px;
}

/* a remettre imperatif */
#main-nav .navigation > .nav > li:hover > a, #main-nav .navigation > .nav > li:focus > a, #main-nav .navigation > .nav > li.active > a {
	color: #ffffff;
}




/* content */

#content-wrapper {
	padding: 15px;
}


.cv8-titre-page h1 {
	margin: 0 0 30px 0;
	padding: 0;
	border-bottom: none;
	background-color: transparent;
}

.cv8-titre {
	display: none;
}

.bo-page-link a {
	color: #50494c;
}

.bo-page-link a:hover {
	color: #d90022;
}

.bo-page-link-icon .glyphicon {
	background-color: #e5e5e5;
}

.bo-page-link a:hover .bo-page-link-icon .glyphicon {
	background-color: #d90022;
}

.bo-page-link-title {
	color: #d90022;
}


.module-tool {
	padding-bottom: 10px;
	border-bottom-color:  #e5e5e5;
}

.quick-query-form {
	margin-bottom: 10px;
	padding: 20px;
	border: 1px solid #e5e5e5;
	border-top: none;
	background-color: #ffffff;
}

.cv8-infotree-ctree .csico-tree-open {
	font-size: 75%;
    color: #50494c;
}

.cv8-infotree-ctree .csico-tree-open:hover {
	text-decoration: none;
    color: #d90022;
}

.security-edit .default {
	background-color: #999999;
}

.security-edit table input[type="radio"] {
	margin: 4px;
}

fieldset legend {
	color: #50494c;
}

fieldset legend .csico-infos {
	color: #ffffff;
	background-color: #d90022;
	border-color: #d90022;
}

fieldset legend .csico-infos:hover {
	background-color: #50494c;
}

fieldset h4 a {
	color: #50494c;
}

fieldset h4 a:hover {
	color: #d90022;
}

.fieldsetAccordion legend:hover,
.fieldsetAccordion legend:focus {
	color: #d90022;
}

.fieldsetAccordionClose legend:before {
    content: "\e319";
	margin-top: 0;
}
.fieldsetAccordionOpen legend:before {
    content: "\e321";
	margin-top: 0;
}








.footer {
	margin: 1em 15px;
}