/* ===== LOGIN ===== */

#firstboxlogin  {
   background-color: #f2f2f2;
}

#logo_login {
   background: url(../../pics/login_logo_glpi.png) center no-repeat, #f2f2f2; 
   background-size: 200px auto;
   padding: 150px 0 0;
}

#display-login {
   color: #FFF;
}

#text-login {
   background-color: #e30613;
   color: #FFF;
   font-size: 18px;
   text-align: left;
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
   border: 1px solid #e30613;
   padding: 15px 0 15px 15px;
   font-size: 18px;
   line-height: 20px;
}

#lien-login{
	float: right;
}

#lien-login ul, #lien-login li{
	float: left;
	height: 20px;
}

#lien-login li a{
	padding: 18px 15px 16px 15px;
	height: 20px;
	color: #FFF;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: normal;
}

#lien-login li a:hover {
    border-radius: 0px;
    background-color: #cc3433;
    border: none;
}

@media (max-width:900px){
	#text-login {
		padding-bottom:0;
	}
	
	#lien-login {
		float: none;
	}
	
	#lien-login ul, #lien-login li {
		float: none;
		height: auto;
	}

	#lien-login ul{
		padding-left: 0;
		margin:7.5px -15px;
		display: block;
	}
	
	#lien-login li{
		position: relative;
		display: block;
	}
	
	#lien-login li a{
		position: relative;
		display: block;
		padding: 10px 15px;
	}
}


#lien-login svg{
	top: 2px;
	position: relative;
}

#footer-login img {
    height: 15px;
    background: #FFF;
    margin-right: 5px;
}

/* ====== GENERAL ====== */

a, a:link, .ui-widget-content a{
	color: #e30613;
}

#box-assistance a,
#footer-login a,
#box-faq a,
#boxlogin a#forget {
    color : #000;
}

.main_form tr.headerRow th {
   color: #81BEAA;
}

#boxlogin input[type="text"], #boxlogin input[type="password"] {
    width: 100%;
    padding: 12px 20px;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

#boxlogin .login_input {
    position: relative;
	height: 34px;
    width: 28%;
	max-width: 400px;
}

#boxlogin .login_input input{
	margin-top: 10px;
	margin-bottom: 10px;
}

#boxlogin input.submit {
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.3333333;
	border-radius: 6px;
	margin-top: 15px;
	width: 100%;
	height: auto;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
}

::placeholder {
  color: #444;
}

/* ====== HEADER ====== */

#header_top {
   background-color:#e30613;
}

#c_preference a {
   color: #ffd2ca;
}

#c_recherche form #champRecherche input,
#c_recherche form #champRecherche input::-webkit-input-placeholder {
   color: #e30613;
}

#c_menu {
   background-color: #e30613;
}

ul#menu a.itemP, ul#menu a.itemP1 {
   color: #fff;
}

ul#menu ul li a {
   color: #e30613;
}

ul#menu > li.active ,
ul.ssmenu li.active {
   background-color: #cc3433;
}
ul#menu > li.active > a,
ul#menu ul.ssmenu li.active > a {
   color: #FFF;
}

ul#menu > li:hover, 
ul#menu > li:hover > a {
   background-color: #cc3433;
   color: #fff;
}

ul#menu ul li a:hover {
   background: #e30613;
   color: #fff;
}

/* ====== BUTTONS ====== */

input.submit {   
  background-color: #e30613;
  color: #fff;
  border: 1px solid #FF674A;
}
input.submit:hover {
   background-color: #ff7c64;
}
a.vsubmit {
   background-color: #e30613;
   color: #fff;
}
a.vsubmit:hover {
   background-color: #ff7c64;
}
#BackToTop {
   background-color: #e30613;
   color: #fff;
}

/* ====== BREADCRUMB ====== */

#c_ssmenu2 .breadcrumb_item:nth-of-type(3) {
   background-color: #e30613;
}
#c_ssmenu2 .breadcrumb_item:nth-of-type(3) a {
   color: #fff;
}
#c_ssmenu2 .breadcrumb_item:nth-of-type(3):after {
   border-left-color: #e30613;
}