/* header color */
/* this is the main brand color */
#body-user #header,
#body-settings #header,
#body-public #header {
	background-color: black;
}

/* log in screen background color */
/* gradient of the header color and a brighter shade */
/* can also be a flat color or an image */
#body-login {
	background: black;
}

/* primary action button, use sparingly */
/* header color as border, brighter shade again, here as background */
.primary,
input[type="submit"].primary,
input[type="button"].primary,
button.primary,
.button.primary,
.primary:active,
input[type="submit"].primary:active,
input[type="button"].primary:active,
button.primary:active,
.button.primary:active {
	border: 0 none;
	background-color: black;
}
.primary:hover,
input[type="submit"].primary:hover,
input[type="button"].primary:hover,
button.primary:hover,
.button.primary:hover,
.primary:focus,
input[type="submit"].primary:focus,
input[type="button"].primary:focus,
button.primary:focus,
.button.primary:focus {
	background-color: #222222;
}
.primary:active, input[type="submit"].primary:active, input[type="button"].primary:active, button.primary:active, .button.primary:active,
.primary:disabled, input[type="submit"].primary:disabled, input[type="button"].primary:disabled, button.primary:disabled, .button.primary:disabled,
.primary:disabled:hover, input[type="submit"].primary:disabled:hover, input[type="button"].primary:disabled:hover, button.primary:disabled:hover, .button.primary:disabled:hover,
.primary:disabled:focus, input[type="submit"].primary:disabled:focus, input[type="button"].primary:disabled:focus, button.primary:disabled:focus, .button.primary:disabled:focus {
	background-color: black;
}

#header #owncloud, #header .header-appname-container {
	opacity: 1;
}
#body-login #header {
	padding-top: 80px;
}

/* use logos from theme */
#header .logo {
	background-image: url('../img/logo.svg');
	width: 220px;
	height: 123px;
	background-size: 100%;
}
#header .logo-icon {
	background-image: url('../img/logo-icon.svg');
	width: auto;
	height: 34px;
}

#body-login {
	background: white;
}

#body-login .v-align {
	background: black;
}

#body-login footer, #body-login .push {
	background: white;
	color: black;
}
#body-login p.info,
#body-login p.info a, #body-login #showAdvanced {
	color: black;
}

#body-login form {
	 width: 100%; 
	margin: 40px 0 0 0;
	padding: 30px 0 50px 0;
	background: #f8f8f8 url('/apps/theme-raphaelperrier/core/img/bande.jpg') repeat-x bottom;
}
#body-login form fieldset {
	width: 280px;
	margin: 0 auto;
}


#body-login .wrapper {
	margin: 0 0 -70px 0;
	width: 100%;
}
.logos_groupe_container {
	background: white;
	padding: 30px 0;
}
.logos_groupe {
	background: white;
	max-width: 955px;
	margin: 0 auto;
	overflow: hidden;
}
.logos_groupe div {
	width: 100%;
	float: left;
	text-align: center;
}
.logos_groupe div img {
	margin: 0 auto;
}
@media (min-width:354px) {
	.logos_groupe div {
		width: 50%;
	}
	.logos_groupe div:nth-child(2n+1) {
		clear: both;
	}
}
@media (min-width:708px) {
	.logos_groupe div {
		width: 25%;
	}
	.logos_groupe div:nth-child(2n+1) {
		clear: none;
	}
	.logos_groupe div:nth-child(4n+1) {
		clear: both;
	}
}
@media (min-width:955px) {
	.logos_groupe div {
		width: 20%;
	}
	.logos_groupe div:nth-child(4n+1) {
		clear: none;
	}
	.logos_groupe div:nth-child(5n+1) {
		clear: both;
	}
	.logos_groupe div:nth-child(6) {
		margin-left: 95px;
	}
}
#notification{
	display: none !important;
}