/*  phpBB3 Style Sheet
	--------------------------------------------------------------
	Style name:		Asperansa
	Based on style:	subSilver2
	Original author:	Tom Beddard ( http://www.subblue.com/ )
	Modified by:		Gingko
	--------------------------------------------------------------
*/

/* Layout
 ------------ */
* {
	/* Reset browsers default margin, padding and font sizes */
	margin: 0;
	padding: 0;
}

html {
	font-size: 100%;
}

body {
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
	font-family: 'Bookman Old Style', Georgia, 'Times New Roman', serif;
	background-attachment: fixed;
	background-color: #FEFECE;
	background-image: url('images/suntile.jpg');
	font-size: 70%;
	margin: 3em 0 0 0;
}

#wrapheader {
/*
	min-height: 120px;
	height: auto !important;
	height: 120px;
*/
/*	background-image: url('./images/background.gif');
	background-repeat: repeat-x;*/
/*	padding: 0 25px 15px 25px;*/
	/* padding: 0; */
}

#wrapcentre {
	margin: 15px 25px 0 25px;
}

@media  screen and (max-width: 480px) {
	#wrapcentre {
		margin: 12px 2px;
	}
}

#wrapfooter {
	text-align: center;
	clear: both;
}

#wrapnav {
	width: 100%;
	margin: 0;
	background-color: #ECECEC;
	border-width: 1px;
	border-style: solid;
	border-color: #A9B8C2;
}

#logodesc {
/*
	background-color: #C1CAD2;
	background-image: url('./images/background.gif');
	background-repeat: repeat-x;
	background-position: center bottom;
	padding: 0 25px 15px 25px;
*/
}

#menubar {
	margin: 0 25px;
}

#datebar {
	margin: 10px 25px 0 25px;
}

#findbar {
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
}

.forumrules {
	background-color: #F9CC79;
	border-width: 1px;
	border-style: solid;
	border-color: #BB9860;
	padding: 4px;
	font-weight: normal;
	font-size: 1.1em;
	font-family: Bookman Old Style', Georgia, 'Times New Roman', serif;
}

.forumrules h3 {
	color: red;
}

#pageheader { }
#pagecontent { }
#pagefooter { }

#poll { }
#postrow { }
#postdata { }


/*  Text
 --------------------- */
h1 {
	color: black;
	font-family: 'Bookman Old Style', Georgia, 'Times New Roman', serif;
	font-weight: bold;
	font-size: 1.8em;
	text-decoration: none;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.5em;
	text-decoration: none;
	line-height: 120%;
}

h3 {
	font-size: 1.3em;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 120%;
}

h4 {
	margin: 0;
	font-size: 1.1em;
	font-weight: bold;
}

p {
	font-size: 1.1em;
}

p.moderators {
	margin: 0;
	float: left;
	color: black;
	font-weight: bold;
}

.rtl p.moderators {
	float: right;
}

p.linkmcp {
	margin: 0;
	float: right;
	white-space: nowrap;
}

.rtl p.linkmcp {
	float: left;
}

p.breadcrumbs {
	margin: 0;
	float: left;
	color: black;
	font-weight: bold;
	white-space: normal;
	font-size: 1em;
}

.rtl p.breadcrumbs {
	float: right;
}

p.datetime {
	margin: 0;
	float: right;
	white-space: nowrap;
	font-size: 1em;
}

.rtl p.datetime {
	float: left;
}

p.searchbar {
	padding: 2px 0;
	white-space: nowrap;
}

p.searchbarreg {
	margin: 0;
	float: right;
	white-space: nowrap;
}

.rtl p.searchbarreg {
	float: left;
}

p.forumdesc {
	padding-bottom: 4px;
}

p.topicauthor {
	margin: 1px 0;
}

p.topicdetails {
	margin: 1px 0;
}

.postreported, .postreported a:link, .postreported a:visited, .postreported a:hover, .postreported a:active {
	margin: 1px 0;
	color: red;
	font-weight:bold;
}

.postapprove, .postapprove a:link, .postapprove a:visited, .postapprove a:hover, .postapprove a:active {
	color: green;
	font-weight:bold;
}

.postapprove img, .postreported img {
	vertical-align: bottom;
	padding-top: 5px;
}

.postauthor {
	color: #000000;
}

.postdetails {
	color: #000000;
}

.postbody {
	font-size: 12px;
	line-height: 18px;
	font-family: 'Bookman Old Style', Georgia, 'Times New Roman', serif;
}

.postbody li, ol, ul {
	margin: 0 0 0 1.5em;
}

.rtl .postbody li, .rtl ol, .rtl ul {
	margin: 0 1.5em 0 0;
}

.posthilit {
	background-color: yellow;
}

.nav {
	margin: 0;
	color: black;
	font-weight: bold;
}

.pagination {
	padding: 4px;
	color: black;
	font-size: 1em;
	font-weight: bold;
}

.cattitle {

}

.gen {
	margin: 1px 1px;
	font-size: 1.2em;
}

.genmed {
	margin: 1px 1px;
	font-size: 1.1em;
}

.gensmall {
	margin: 1px 1px;
	font-size: 1em;
}

.copyright {
	color: #444;
	font-weight: normal;
	font-family: 'Bookman Old Style', Georgia, 'Times New Roman', serif;
}

.titles {
	font-family: 'Bookman Old Style', Georgia, 'Times New Roman', serif;
	font-weight: bold;
	font-size: 1.3em;
	text-decoration: none;
}

.error {
	color: red;
}


/* Tables
 ------------ */
th {
	color: #FFA34F;
	font-size: 1.1em;
	font-weight: bold;
	background-color: #8F3D11;
	background-image: url('./images/cellpic3.gif');
	white-space: nowrap;
	padding: 7px 5px;
}

td {
	padding: 2px;
}
td.profile {
	padding: 4px;
}

.tablebg {
	background-color: white;
	border: 2px solid #DE4918
}

.catdiv {
	height: 28px;
	margin: 0;
	padding: 0;
	border: 0;
	background: white url('./images/cellpic2.jpg') repeat-y scroll top left;
}
.rtl .catdiv {
	background: white url('./images/cellpic2_rtl.jpg') repeat-y scroll top right;
}

.cat {
	height: 28px;
	margin: 0;
	padding: 0;
	border: 0;
	background-color: #F0F6AC;
	background-image: url('./images/cellpic1.gif');
	text-indent: 4px;
}

.row1 {
	background-color: #FEFECE;
	padding: 4px;
}

.row2 {
	background-color: #FEEABB;
	padding: 4px;
}

.row3 {
	background-color: #F3F8C0;
	padding: 4px;
}

.spacer {
	background-color: #FFD39B;
}

.current {
	background-color: #fc0;
}

hr {
	height: 1px;
	border-width: 0;
	background-color: #D1D7DC;
	color: #D1D7DC;
}

.legend {
	text-align:center;
	margin: 0 auto;
}

/* Links
 ------------ */

/* Links adjustment to correctly display an order of rtl/ltr mixed content */
.rtl a {
	direction: rtl;
	unicode-bidi: embed;
}

/* CSS spec requires a:link, a:visited, a:hover and a:active rules to be specified in this order. */
/* See http://www.phpbb.com/bugs/phpbb3/59685 */
a:link {
	color: #ff8000;
	text-decoration: none;
}

a:visited {
	color: #00868B;
	text-decoration: none;
}

a:hover {
	color: #FF4040;
	text-decoration: underline;
}

a:active {
	color: #00868B;
	text-decoration: none;
}

a.forumlink {
	color: #FF8000;
	font-weight: bold;
	font-family: 'Bookman Old Style', Georgia, 'Times New Roman', serif;
	font-size: 12px;
}

a.topictitle {
	margin: 1px 0;
	font-family: 'Bookman Old Style', Georgia, 'Times New Roman', serif;
	font-weight: bold;
	font-size: 1.2em;
}

a.topictitle:visited {
	color: #00868B;
	text-decoration: none;
}

th a,
th a:visited {
	color: #FFA34F !important;
	text-decoration: none;
}

th a:hover {
	text-decoration: underline;
}


/* Form Elements
 ------------ */
form {
	margin: 0;
	padding: 0;
	border: 0;
}

input {
	color: #333333;
	font-family: 'Bookman Old Style', Georgia, 'Times New Roman', serif;
	font-size: 1.1em;
	font-weight: normal;
	padding: 1px;
	border: 1px solid #A9B8C2;
	background-color: #FAFAFA;
}

textarea {
	background-color: #FAFAFA;
	color: #333333;
	font-family: 'Bookman Old Style', Georgia, 'Times New Roman', serif;
	font-size: 1.3em;
	line-height: 1.4em;
	font-weight: normal;
	border: 1px solid #A9B8C2;
	padding: 2px;
}

select {
	color: #333333;
	background-color: #FAFAFA;
	font-family: 'Bookman Old Style', Georgia, 'Times New Roman', serif;
	font-size: 1.1em;
	font-weight: normal;
	border: 1px solid #A9B8C2;
	padding: 1px;
}

option {
	padding: 0 1em 0 0;
}

option.disabled-option {
	color: graytext;
}

.rtl option {
	padding: 0 0 0 1em;
}

input.radio {
	border: none;
	background-color: transparent;
}

.post {
	background-color: white;
	border-style: solid;
	border-width: 1px;
}

.btnbbcode {
	color: #000000;
	font-weight: normal;
	font-size: 1.1em;
	font-family: 'Bookman Old Style', Georgia, 'Times New Roman', serif;
	background-color: #FFD39B;
	border: 1px solid #666666;
}

.btnmain {
	font-weight: bold;
	background-color: #FFD39B;
	border: 1px solid #A9B8C2;
	cursor: pointer;
	padding: 1px 5px;
	font-size: 1.1em;
}

.btnlite {
	font-weight: normal;
	background-color: #FFD39B;
	border: 1px solid #A9B8C2;
	cursor: pointer;
	padding: 1px 5px;
	font-size: 1.1em;
}

.btnfile {
	font-weight: normal;
	background-color: #FFD39B;
	border: 1px solid #A9B8C2;
	padding: 1px 5px;
	font-size: 1.1em;
}

.helpline {
	background-color: #F3F8C0;
	border-style: none;
}

form[name=register] #uname {
	position: relative;
}

form[name=register] #uname:hover:after {
	content: "Attention : évitez d'utiliser ici votre nom réel, celui de votre entreprise, le pseudo que vous utilisez le plus souvent sur Internet ou tout mot qui vous identifierait aisément sur le web. Nous avons reçu beaucoup trop de requêtes émanant d'utilisateurs qui s'étaient inscrits avec leur vrai nom et qui venaient ensuite se plaindre que le simple fait de taper ce nom dans un moteur de recherches sur Internet les conduisait directement dans ce forum.";
	position: absolute;
	left: 180px;
	bottom: -2em;
	display: block;
	background-color: white;
	padding: 8px;
	border: 2px solid red;
	text-align: justify;
	border-radius: 12px;
}

/* BBCode
 ------------ */
.quotetitle, .attachtitle {
	margin: 10px 5px 0 5px;
	padding: 4px;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #FFD39B;
	color: black;
	background-color: #FFD39B;
	font-size: 0.85em;
	font-weight: bold;
}

.quotetitle .quotetitle {
	font-size: 1em;
}

.quotecontent, .attachcontent {
	margin: 0 5px 10px 5px;
	padding: 5px;
	border-color: #FFD39B;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	font-weight: normal;
	font-size: 1em;
	line-height: 1.4em;
	font-family: 'Bookman Old Style', Georgia, 'Times New Roman', serif;
	background-color: white;
	color: #4B5C77;
}

.attachcontent {
	font-size: 0.85em;
}

.codetitle {
	margin: 10px 5px 0 5px;
	padding: 2px 4px;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #FFD39B;
	color: black;
	background-color: #FFD39B;
	font-family: 'Bookman Old Style', Georgia, 'Times New Roman', serif;
	font-size: 0.8em;
}

.codecontent {
	direction: ltr;
	margin: 0 5px 10px 5px;
	padding: 5px;
	border-color: #FFD39B;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	font-weight: normal;
	color: #006600;
	font-size: 0.9em;
	font-family: Monaco, 'Courier New', monospace;
	background-color: white;
}

.syntaxbg {
	color: #FFFFFF;
}

.syntaxcomment {
	color: #FF8000;
}

.syntaxdefault {
	color: #0000BB;
}

.syntaxhtml {
	color: #000000;
}

.syntaxkeyword {
	color: #007700;
}

.syntaxstring {
	color: #DD0000;
}


/* Private messages
 ------------------ */
.pm_marked_colour {
	background-color: #000000;
}

.pm_replied_colour {
	background-color: #A9B8C2;
}

.pm_friend_colour {
	background-color: #007700;
}

.pm_foe_colour {
	background-color: #DD0000;
}


/* Misc
 ------------ */
img {
	border: none;
}

.sep {
	color: black;
	background-color: #FFA34F;
}

table.colortable td {
	padding: 0;
}

pre {
	font-size: 1.1em;
	font-family: Monaco, 'Courier New', monospace;
}

.nowrap {
	white-space: nowrap;
}

.username-coloured {
	font-weight: bold;
}


/* Polices incluses */
/* http://typographisme.net/post/Bonnes-pratiques-pour-les-d%C3%A9clarations-@font-face */
@font-face {
	font-family: 'Shark Random Funnyness 2';
	src: url('fonts/srf2.gz.eot');
	src: url('fonts/srf2.gz.eot?') format('embedded-opentype'),
		 url('fonts/srf2.woff') format('woff'),
		 url('fonts/srf2.gz.ttf') format('truetype'),
		 url('fonts/srf2.gz.svg#SharkRandomFunnyness2Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'TeX Gyre Bonum';
	src: url('fonts/texgyrebonum-regular.gz.eot');
	src: url('fonts/texgyrebonum-regular.gz.eot?') format('embedded-opentype'),
		 url('fonts/texgyrebonum-regular.woff') format('woff'),
		 url('fonts/texgyrebonum-regular.gz.ttf') format('truetype'),
		 url('fonts/texgyrebonum-regular.gz.svg#TeXGyreBonumRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'TeX Gyre Bonum';
	src: url('fonts/texgyrebonum-bold.gz.eot');
	src: url('fonts/texgyrebonum-bold.gz.eot?') format('embedded-opentype'),
		 url('fonts/texgyrebonum-bold.woff') format('woff'),
		 url('fonts/texgyrebonum-bold.gz.ttf') format('truetype'),
		 url('fonts/texgyrebonum-bold.gz.svg#TeXGyreBonumBold') format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'TeX Gyre Bonum';
	src: url('fonts/texgyrebonum-italic.gz.eot');
	src: url('fonts/texgyrebonum-italic.gz.eot?') format('embedded-opentype'),
		 url('fonts/texgyrebonum-italic.woff') format('woff'),
		 url('fonts/texgyrebonum-italic.gz.ttf') format('truetype'),
		 url('fonts/texgyrebonum-italic.gz.svg#TeXGyreBonumItalic') format('svg');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'TeX Gyre Bonum';
	src: url('fonts/texgyrebonum-bolditalic.gz.eot');
	src: url('fonts/texgyrebonum-bolditalic.gz.eot?') format('embedded-opentype'),
		 url('fonts/texgyrebonum-bolditalic.woff') format('woff'),
		 url('fonts/texgyrebonum-bolditalic.gz.ttf') format('truetype'),
		 url('fonts/texgyrebonum-bolditalic.gz.svg#TeXGyreBonumBoldItalic') format('svg');
	font-weight: bold;
	font-style: italic;
}

@font-face {
	font-family: 'Rochester';
	src: url('fonts/rochester-regular.gz.eot');
	src: url('fonts/rochester-regular.gz.eot?') format('embedded-opentype'),
		 url('fonts/rochester-regular.woff') format('woff'),
		 url('fonts/rochester-regular.gz.ttf') format('truetype'),
		 url('fonts/rochester-regular.gz.svg#RochesterRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}

p.retour {
	text-align: center;
	color: #de4918;
	font-weight: bold;
	font-size:190%;
	margin:19px auto;
}
p.retour a{
	border:thin outset #fca;
	border-color: #f8f8f8 #808080 #808080 #f8f8f8;
	background-color:#ffd39b;
}

p.retour a:before, p.retour a:after {
	content: "\00A0";
}

/* Bannière : */
div.banner, table.banner, div.marquee {
	text-align: center;
	font-size: 1.27em;
	border: medium outset #ccc;
	background-color: #ffd39b;
	margin: 1.7em auto 0 auto;
	border-top: 3px solid #f8f8f8;
	border-left: 3px solid #f8f8f8;
	border-bottom: 3px solid #808080;
	border-right: 3px solid #808080;
}

table.banner td.img {
	padding-right:0.5em;
}
div.banner div, table.banner td.def {
	font-family:Arial,Helvetica,sans-serif;
}

div.banner div p, table.banner td.def {
	border: none;
	padding: 0;
	padding: 0;
	margin: 0
}
div.banner span, table.banner td.nom {
	font-family: "Shark Random Funnyness 2", "Comic Sans MS", cursive;
	font-size: 700%;
	letter-spacing: 8px;
	color: #de4918;
	text-shadow: 6px 6px rgba(140,140,140,0.3);
}

@media screen and (min-width: 640px) and (max-width: 800px) {
	table.banner td.nom {
		font-size: 550% !important;
		letter-spacing: 4px;
		text-shadow: 3px 3px rgba(140,140,140,0.4);
	}
}

@media screen and (min-width: 480px) and (max-width: 640px) {
	table.banner td.nom {
		font-size: 400% !important;
		letter-spacing: 1px;
		text-shadow: 2px 2px rgba(140,140,140,0.4);
	}
}

@media screen and (max-width: 480px) {
	table.banner td.nom {
		display: none;
	}
}

div.banner em, table.banner em {
	color: #de4918;
	font-style:normal;
	font-weight: bold;
}

/* Multicolonnes */

.multicol {
	-webkit-columns: 240px auto;
	-moz-columns: 240px auto;
	-ms-columns: 240px auto;
	-o-columns: 240px auto;
	columns: 240px auto;
	-webkit-column-gap: 32px;
	-moz-column-gap: 32px;
	column-gap: 32px;
	text-align: justify;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}
.multicol img:not([src$=".gif"]) {
	width: 100%;
}

.multicol br {
	display: block;
	margin: 2px 0;
}

.postbody .multicol:first-of-type:first-letter {
	font-size: 300%;
	text-shadow: 3px 3px rgba(140,140,140,0.4);
	color: #de4918;
	display: block;
	float: left;
	margin-top:6px;
	padding-right:4px;
}