/*
 * Description: Fingerprint Webmail Theme
 * Version:
 * Author: Fingerprint Technologies
 * Website: http://www.fingerprint.fr
*/

/*
*******************************************************
Font
*******************************************************
*/

@import url(https://fonts.googleapis.com/css?family=Open+Sans);

/*
*******************************************************
Reset
*******************************************************
*/
* {
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
}

html,
body{
	margin:0;
	padding:0;
}

/* Body
------------------------------------*/
body {
	font-family: "Open Sans", Arial, sans-serif;
	color:#413e41;
	background-color:#e2007a;
}

a {
	color:#e2007a;
	transition:all 0.6s ease;
}

a:hover {
	color:#e2007a;
	text-decoration:none;
}

.wrap > .container {
	padding:0;
}

.couleur {
	color:#e2007a;
}

/* Header
------------------------------------*/
.header {
	background-color:#413e41;
	color:#FFFFFF;
	padding:15px;
	text-align:center;
}

/* Footer
------------------------------------*/
.footer {
	background-color:#e2007a;
	color:#FFFFFF;
	padding:15px;
}

.footer a {
	color:#FFFFFF;
}

.footer .adresse {
	font-size:11px;
	line-height:18px;
	padding-left:0;
}

.footer .logo {
	text-align:right;
}

/* Titre de page
------------------------------------*/
.titre-page {
	padding-top:80px;
	padding-bottom:80px;
	text-align:center;
	background-color:#FFFFFF;
	/*border-bottom:1px dotted #000000;*/
}

.titre-page h1 {
	margin:0;
	font-size:48px;
	text-transform:uppercase;
}

/* Contenu
------------------------------------*/
.contenu {
	background-image:url(/img/fond-messageries.png);
	background-repeat:repeat-y;
	background-position:center;
}

.contenu .container {
	padding-top:30px;
	padding-bottom:30px;
}

/* Messagerie
------------------------------------*/
.messageries {
	margin-bottom:50px;
}

.messagerie .picto {
	width:200px;
	height:200px;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	text-align:center;
	padding:50px;
	margin:0 auto;
	transition:all 0.6s ease;
	background-color:#e2007a;
}

.messagerie .item.zarafa .picto {
	background-color:#d7d6d7;
}

.messagerie .item:hover .picto {
	transform:translateY(-15px);
}

.messagerie .libelle-picto {
	display:block;
	width:100%;
	text-align:center;
	font-size:18px;
	line-height:20px;
	margin-top:15px;
	text-transform:uppercase;
	transition:all 0.6s ease;
}

.messagerie .item:hover .libelle-picto {
	transform:translateY(-15px);
}

.messagerie .item.outlook:hover .libelle-picto {
	color:#0072c6;
}

.messagerie .item.zarafa .libelle-picto,
.messagerie .item.zarafa:hover .libelle-picto {
	color:#939393;
	transform:none;
}

.messagerie .item.roundcube:hover .libelle-picto {
	color:#df0d0d;
}

.messagerie .item.horde:hover .libelle-picto {
	color:#9cca15;
}

.messagerie .item.outlook:hover .picto {
	background-color:#0072c6;
}

.messagerie .item.zarafa:hover .picto {
	background-color:#cfcfcf;
	transform:none;
}

.messagerie .item.roundcube:hover .picto {
	background-color:#df0d0d;
}

.messagerie .item.horde:hover .picto {
	background-color:#9cca15;
}

.messagerie,
.messagerie .item {
	text-align:center;
}

.messagerie .titre {
	margin-bottom:30px;
	padding-left:30px;
	padding-right:30px;
	text-align:left;
}

.messagerie .titre h2 {
	margin:0;
	text-transform:uppercase;
	font-size:24px;
	line-height:26px;
	margin-bottom:50px;
	border-bottom:1px dotted #000000;
	padding-bottom:15px;
}

.messagerie .item a {
	display:block;
	margin:0 auto;
}

.messagerie .administration-email {
	text-align:left;
	margin-top:50px;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:0;
	padding-left:30px;
}

.messagerie .administration-email a {
	color:#252525;
	border-top:1px dotted #bbbbbb;
	display:block;
	padding-top:15px;
	transition:all 0.6 ease;
}

.messagerie .administration-email a:hover {
	padding-left:15px;
}

.messagerie .administration-email img {
	display:inline-block;
	vertical-align:middle;
}

.messagerie .administration-email .libelle {
	display:inline-block;
	vertical-align:middle;
}