@import url(/css/page-content.css);


/*

bleu : 291f6c
orange - primary : ec6707
texte 212121

*/


@font-face {
    font-family: 'roboto';
    src: url('//fonts.xsalto.com/roboto2/Roboto-Bold-webfont.woff2') format('woff2'),
         url('//fonts.xsalto.com/roboto2/Roboto-Bold-webfont.woff') format('woff');
	font-weight: 700;
	font-style: normal;
	font-stretch: normal;
}

@font-face {
    font-family: 'roboto';
    src: url('//fonts.xsalto.com/roboto2/Roboto-Regular-webfont.woff2') format('woff2'),
         url('//fonts.xsalto.com/roboto2/Roboto-Regular-webfont.woff') format('woff');
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
}



body {
	font-family: 'roboto', arial, helvetica, sans-serif;
	font-weight: 300;
	font-size: 15px;
	color: #212121;
}







.table .btn, .table input[type="file"],
.table input[type="submit"],
.table input[type="reset"],
.table input[type="button"] {
	font-weight: 700;
}

.uploadAddButton {
	margin-right: 8px;
}

input[type="button"].ui-datepicker-trigger,
button[type="button"].ui-datepicker-trigger {
	font-size: 20px;
	margin-left: 5px;
}


body.login .jumbotron {
	color: #343d4c ;
	padding-top: 0;
	background: #fcfcf9 url(/console/login-fond.jpg) center center;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}


body.login .navbar-brand {
	margin-top: 7%;
	margin-bottom: -1px;
	padding: 40px 20px 30px 20px;
	border: none;
	background-color: #ffffff;
}

body.login .navbar-brand img {
    width: 95%;
}

.login-content,
.login-content .copyright {
	background-color: #f8f8f8;
}

.login-content a {
	color: #291f6c;
}

.login-content a:hover {
	color: #212121;
}




header .navbar .navbar-brand {
	width: inherit;
	margin: 0;
	padding: 0;
}

header .navbar .navbar-brand a {
	display: block;
	width: 285px;
	text-align: center;
	margin: 0;
	padding: 5px 10px;
	background-color: #ffffff;
}

header .navbar .navbar-brand a:hover {
	background-color: #f4f4f4;
}

header .navbar .navbar-brand a:hover img {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}


header .logo img {
	max-height: 30px;
	width: auto;
}

header .navbar .toggle-nav {
	margin-right: 0;
	padding-top: 10px;
}




.nav-item li.profil > a {
	padding: 3px 5px 0 5px;
}



.nav > li {
    padding-bottom: 0;
}

.nav-tabs > li > a {
	font-weight: 700;
}


.cv8-module-comment {
	max-width: 22.5%;
	font-size: 16px;
	line-height: 1.2;
}


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


.btn-toolbar {
	margin-bottom: 5px;
}

.chemin {
	position: sticky;
	top: 40px;
	margin: 0 -25px 20px -25px;
	padding: 15px 25px 7px 25px;
	border-bottom: 1px solid #eeeeee;
	background-color: #ffffff;
	z-index: 1;
}

.breadcrumb {
	margin-bottom: 10px;
}

.breadcrumb > li {
	margin-right: 12px;
}

.breadcrumb > li + li::before {
	display: none;
}

.breadcrumb a {
	display: inline-block;
	line-height: 1;
	color: #212121;
	text-decoration: none;
	padding: 5px 10px 7px 10px;
	border-radius: 15px;
	background-color: #f5f5f5;
	box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.1);
}

.breadcrumb a:hover {
	color: #ffffff;
	background-color: #ec6707;
}

.cv8-titre-page h1 {
	font-size: 26px;
	color: #212121;
	padding: 0;
	margin: 0 0 20px 0;
	border-bottom: none;
	background-color: transparent;
}

.bo-page-link-title {
	font-weight: 700;
	font-size: 1.15em;
}





/*
bleu 291f6c
*/


textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus,
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover,
#main-nav .navigation > .nav > li > a.active,
#main-nav .navigation > .nav > li > a.in,
#main-nav .navigation > .nav > li > a .glyphicon,
.cv8-phototeque_result .imagelist .imagelist_unpublish,
.imagelist .imagelist_icon .glyphicon:hover,
button.ui-datepicker-trigger::before,
.menu-list .icon .glyphicon,
.bo-page-link a:hover,
.bo-page-link a:focus,
.fieldsetAccordion legend:hover,
.fieldsetAccordion legend:focus,
.cv8-infotree-sectiontoolbar .glyphicon:hover

{
	color: #291f6c;
}

.modal-header,
.btn-info,
input[type="submit"].btn-info,
.btn-default:focus,
.btn-default:hover,
.btn-primary:focus,
.btn-primary:hover,
#main-nav .navigation > .nav > li:hover > a, #main-nav .navigation > .nav > li:focus > a,
#main-nav .navigation > .nav > li .nav > li > a:hover, #main-nav .navigation > .nav > li .nav > li > a:focus,
.nav-pills > li > a:hover, .nav-pills > li > a:focus,
header .nav-item .dropdown-menu > li > a:hover, header .nav-item .dropdown-menu > li > a:focus,
.bo-page-link-icon .glyphicon,
input[type="submit"]:focus,
input[type="submit"]:hover,
input[type="button"]

{
	background-color: #291f6c;
}

.btn-info,
input[type="submit"].btn-info,
.btn-default:focus,
.btn-default:hover,
.btn-primary:focus,
.btn-primary:hover,
input[type="submit"]:focus,
input[type="submit"]:hover,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus,
input[type="button"],
.menu-list .icon .glyphicon

{
	border-color: #291f6c;
}



/*
gris 212121
*/

a:hover,
a:focus,
.dropdown-menu > li > a,
.nav .open > a .glyphicon,
.nav .open > a:focus .glyphicon,
.nav .open > a:hover .glyphicon,
.nav-tabs > li > a,
.pagination > li > a,
.pagination > li > span,.pagination > li > a,
.pagination > li > span,
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus,
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,
#main-nav .navigation > .nav > li > a,
#main-nav .navigation > .nav > li > .nav > li > a,
.cv8-titre h2,
fieldset legend,
.table th label,
.breadcrumb a,
.cv8-module-comment,
.bo-page-link a,
.bo-page-link a:hover .bo-page-link-icon,
.bo-page-link a:focus .bo-page-link-icon,
.menu-list a .title,
.menu-list a:hover

{
	color: #212121;
}


.btn-default,
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus,
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus,
.table > thead > tr > td,
.table > thead > tr > th,
header .navbar .toggle-nav:hover,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.menu-list a:focus .glyphicon,
.menu-list a:hover .glyphicon,
.bo-page-link a:hover .glyphicon,
.bo-page-link a:focus .glyphicon

{
	background-color: #212121;
}


.btn-default,
.pagination > li > a,
.pagination > li > span,
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus,
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,
.cv8-titre,
.cv8-module-comment,
.menu-list a:hover,
.menu-list a:focus,
.menu-list a:hover .glyphicon

{
	border-color: #212121;
}



/*
orange - primary ec6707
*/

a,
.table > thead > tr > td a:hover,
.table > thead > tr > th a:hover,
.panel-title > a:hover,
.panel-title > a:focus,
.panel-body .csico-check,
.mess-error,
#tzr-itoid-title,
.label.notification,
.cv8-infotree-ctree .table tbody td .glyphicon:hover,
.imagelist .imagelist_icon a

{
	color: #ec6707;
}


.btn-primary,
.btn-default:focus,
.btn-default:hover,
.btn-info:focus,
.btn-info:hover,
input[type="submit"].btn-info:hover,
input[type="submit"].btn-info:focus,
input[type="submit"],
input[type="button"]:focus,
input[type="button"]:hover

{
	border-color: #ec6707;
}


.btn-default:focus,
.btn-default:hover,
.btn-info:focus,
.btn-info:hover,
input[type="submit"].btn-info:hover,
input[type="submit"].btn-info:focus,
input[type="submit"],
input[type="reset"]:focus,
input[type="reset"]:hover,
input[type="button"]:focus,
input[type="button"]:hover,
.btn-primary,
.nav-pills > li > a,
header .navbar,
header .navbar .toggle-nav,
.navbar a:hover .flag,
header .nav-item > li > a:hover,
#scrollToTop a:hover

{
	background-color: #ec6707;
}







@media (min-width: 992px) {
	
	.main-nav-closed #main-nav .navigation > .nav > li:hover > a > span {
		background-color: #291f6c;
	}
	
	.main-nav-closed #main-nav .navigation > .nav > li:hover > a > span {
		border: 1px solid #291f6c;
	}

}






/* a remettre imperatif � la fin */
input[type="submit"].btn-info,
#main-nav .navigation > .nav > li:hover > a, #main-nav .navigation > .nav > li:focus > a, #main-nav .navigation > .nav > li.active > a,
#main-nav .navigation > .nav > li .nav > li > a:hover .glyphicon, #main-nav .navigation > .nav > li .nav > li > a:focus .glyphicon,
#main-nav .navigation > .nav > li .nav > li > a:hover, #main-nav .navigation > .nav > li .nav > li > a:focus,
.dropdown-menu > li > a:hover

{
	color: #ffffff;
}

ul.langs-dropdown li a.currentlang {
  color : #291f6c;
}