@charset "utf-8";

html {
	height: auto;
}

body {
	padding: 0;
	overflow-y: scroll;
}

html,
body {
	background: #f3f3f3 url("images/fond.jpg") repeat-x 0 115px;
}

@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx),
(min-resolution: 144dpi) {
	html,
	body {
		background: #f3f3f3 url("./images/fond_@2x.jpg") repeat-x 0 115px;
		background-size: 800px 600px;
	}
}

h1 {
	margin: 0;
}


/* ************************************************************************** */
/* Largeur des blocs principaux
/* ************************************************************************** */

.mainwidth {
	max-width: 960px;
	margin: 0 auto;
}


/* ************************************************************************** */
/* Header
/* ************************************************************************** */

.common-header {
	background-color: #0789C9;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(8%, #0179B5), color-stop(40%, #0789C9), color-stop(60%, #1898d7), to(#68AEE2));
	background-image: linear-gradient(to bottom, #0179B5 8%, #0789C9 40%, #1898d7 60%, #68AEE2 100%);
	padding: 8px 0 4px;
}

.bloctitre {
	max-width: 320px;
	margin-left: 20px;
	float: left;
}

.main-logo {
	max-width: 320px;
	vertical-align: inherit;
}

.search-header {
	margin-top: 58px;
}


/* ************************************************************************** */
/* Ajustements du wrap
/* ************************************************************************** */

.wrap {
	max-width: 960px;
	padding: 10px;
	background: #f8f8f8;
	background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 82%, #f3f3f3 100%);
	background: linear-gradient(to bottom, #ffffff 0%, #ffffff 82%, #f3f3f3 100%);
	border-radius: 12px;
	border: 0;
}


/* ************************************************************************** */
/* Mention auteur du sujet
/* ************************************************************************** */

.topic-author {
	font-size: 11px;
}


/* ************************************************************************** */
/* Mazeltof vector icons
/* ************************************************************************** */

/* Forum icons & Topic icons */
.announce_read,
.global_read				{ background-image: url("./images/announce_read.svg"); }
.announce_read_mine,
.global_read_mine			{ background-image: url("./images/announce_read_mine.svg"); }
.announce_read_locked,
.global_read_locked			{ background-image: url("./images/announce_read_locked.svg"); }
.announce_read_locked_mine,
.global_read_locked_mine	{ background-image: url("./images/announce_read_locked_mine.svg"); }
.announce_unread,
.global_unread 				{ background-image: url("./images/announce_unread.svg"); }
.announce_unread_mine,
.global_unread_mine			{ background-image: url("./images/announce_unread_mine.svg"); }
.announce_unread_locked,
.global_unread_locked		{ background-image: url("./images/announce_unread_locked.svg"); }
.announce_unread_locked_mine,
.global_unread_locked_mine	{ background-image: url("./images/announce_unread_locked_mine.svg"); }

.forum_link					{ background-image: url("./images/forum_link.svg"); }
.forum_read					{ background-image: url("./images/forum_read.svg"); }
.forum_read_locked			{ background-image: url("./images/forum_read_locked.svg"); }
.forum_read_subforum		{ background-image: url("./images/forum_read_subforum.svg"); }
.forum_unread				{ background-image: url("./images/forum_unread.svg"); }
.forum_unread_locked		{ background-image: url("./images/forum_unread_locked.svg"); }
.forum_unread_subforum		{ background-image: url("./images/forum_unread_subforum.svg"); }

.pm_read					{ background-image: url("./images/pm_read.svg"); }
.pm_unread					{ background-image: url("./images/pm_unread.svg"); }

.sticky_read				{ background-image: url("./images/sticky_read.svg"); }
.sticky_read_mine			{ background-image: url("./images/sticky_read_mine.svg"); }
.sticky_read_locked			{ background-image: url("./images/sticky_read_locked.svg"); }
.sticky_read_locked_mine	{ background-image: url("./images/sticky_read_locked_mine.svg"); }
.sticky_unread				{ background-image: url("./images/sticky_unread.svg"); }
.sticky_unread_mine			{ background-image: url("./images/sticky_unread_mine.svg"); }
.sticky_unread_locked		{ background-image: url("./images/sticky_unread_locked.svg"); }
.sticky_unread_locked_mine	{ background-image: url("./images/sticky_unread_locked_mine.svg"); }

.topic_moved				{ background-image: url("./images/topic_moved.svg"); }
.topic_read					{ background-image: url("./images/topic_read.svg"); }
.topic_read_mine			{ background-image: url("./images/topic_read_mine.svg"); }
.topic_read_hot				{ background-image: url("./images/topic_read_hot.svg"); }
.topic_read_hot_mine		{ background-image: url("./images/topic_read_hot_mine.svg"); }
.topic_read_locked			{ background-image: url("./images/topic_read_locked.svg"); }
.topic_read_locked_mine		{ background-image: url("./images/topic_read_locked_mine.svg"); }
.topic_unread				{ background-image: url("./images/topic_unread.svg"); }
.topic_unread_mine			{ background-image: url("./images/topic_unread_mine.svg"); }
.topic_unread_hot			{ background-image: url("./images/topic_unread_hot.svg"); }
.topic_unread_hot_mine		{ background-image: url("./images/topic_unread_hot_mine.svg"); }
.topic_unread_locked		{ background-image: url("./images/topic_unread_locked.svg"); }
.topic_unread_locked_mine	{ background-image: url("./images/topic_unread_locked_mine.svg"); }

/* Icon images */
.contact-icon { background-image: url("./images/icons_contact.svg"); }

/* plupload icons */
.phpbbfr .file-status.file-working	{ background: url("./images/plupload/throbber.svg"); }
.phpbbfr .file-status.file-uploaded	{ background: url("./images/plupload/done.svg"); }
.phpbbfr .file-status.file-error		{ background: url("./images/plupload/error.svg"); }


/* ************************************************************************** */
/* Ajustement fenêtre modale
/* ************************************************************************** */
.phpbb_alert {
	background-clip: padding-box;
	border-radius: 7px;
	font-size: 10px;
}


/* ************************************************************************** */
/* Fix barre de progression upload fichiers
/* ************************************************************************** */

span.file-progress {
	width: 100%;
}


/* ************************************************************************** */
/* Ajustements extensions
/* ************************************************************************** */
/* Utiliser la classe phpbbfr pour la spécificité
/* ************************************************************************** */

/* vse|scrollpage */
/* Fix affichage au zoom (zoom texte seulement) */
.phpbbfr .scroll-page i {
	width: auto;
	height: auto;
}


/* ************************************************************************** */
/* Media queries
/* ************************************************************************** */

@media (max-width: 500px) {
	p.jumpbox-return {
		display: block;
	}
}

/* On fait un reset sur la déclaration héritée */
@media only screen and (max-width: 1220px),
only screen and (max-device-width: 1220px) {
	.wrap {
		margin: 10px auto 0;
	}
}

/* Et on redéclare le margin sur une largeur inférieure */
@media only screen and (max-width: 1022px),
only screen and (max-device-width: 1022px) {
	.wrap {
		margin: 10px auto 0;
	}
}

@media screen and (max-width: 850px) {
	.bloctitre {
		padding: 0 5px;
	}

	.main-logo {
		width: 100%;
	}
}