html { padding: 0; margin: 0 }

body {
	background: #ebffd8 url(/design/BG-barre.png) right 59px repeat-y;
	color: black;
	padding: 0;
	margin: 0;
}

h1 { text-align:center; margin: 0 auto; background: url(/design/h1-bg.png);
width: 650px; height: 65px; padding: 5px 0 0 0; color: #efffdf;
font: bold 40px 'Comic Sans MS',sans-serif }

h4 { margin: 0 }
a { color: #0b6 }
a:visited { color: #074 }
.center { text-align: center }
.small { font-size: small }
.spacer {
	display:block;
	clear: both;
	width: 1px; height: 1px;
}
img { border: none }
img.border { border: 1px solid }

.left  { float: left; margin-right: 0.2em }
.right { float: right !important; margin-left: 0.2em }

img.pub_finstrip,
img.dastrip, img#dastrip {
	padding: 0.5em;
	background: url(/imgs/blackbg-20.png);
	background: rgba(0,0,0,0.2);
	max-width: 95%;
}
img.pub_finstrip {
	padding-top: 0;
}


#elvotor { display: block; width: 80%; font: bold 1.3em sans-serif; border: 2px solid; background: #afa;
	text-decoration: none; text-align: center; margin: 4px auto }
#vote img { width: 88px; height: 31px }

.propagande { border: 1px solid; margin: 1em 5em; background: #afd; font: bold 0.8em sans-serif; padding: 0.5em }

/* si c'est fait expres! */
div.textstrip { display: none }
div.fuckingpreload { display: none }

a.colorbox { display: block; float: left; overflow: hidden;
	border: 1px solid black; margin: 0.5em; width: 3em; height: 3em;
	color: white; font: 0.7em sans-serif; }

div#leftbar {
	position: absolute;
	top:300px; left: 0;
	min-height: 100%;
	width: 17.2em;
	font: 0.8em Tahoma,Verdana,Arial,sans-serif;
}
div#leftbar div.menu {
	background: white;
	padding-left: 0.4em;
	border: #053 solid;
	border-width: 2px 2px 2px 0;
	margin-bottom: 0.5em;
	-moz-Border-Radius: 0 1em 1em 0;
	border-radius: 0 1em 1em 0;
}
div#leftbar div.menu h2 {
	font-size: 1em;
	background: #0b6 url(/imgs/titre1.png) top left no-repeat;
	margin: 0;
	margin-left: -0.4em;
	padding-left: 0.5em;
	border: none;
	-moz-Border-Radius: 0 0.9em 0 0;
	border-radius: 0 0.9em 0 0;
}

div#leftbar div.menu p {
	margin: 0.6em 0;
}
div#leftbar select { width: 95% }

div#runningags {
	background: url(/design/running-bg.png) bottom repeat-x;
	margin-right:937px;
	margin-top: 65px;
	margin-bottom: -180px;
	height: 115px;
	overflow: hidden;
	position:relative;
}
div#runningags img { position: absolute; bottom: 12px; left: -200px; width: 58px; height:86px }
@media (max-width: 1100px) {
	div#runningags { display: none }
}



div#content {
	text-align:center; padding: 280px 0.5em 0.5em 14.5em;
	background: url(/design/BG-leftbarre.png) -5em  0 repeat-y;
}

img#avatar { position: absolute; top: 0; left: 0; z-index:30 }

#tipeee {
	display: block; position: absolute; top: 30px; height: 180px; right: 940px; left: 200px; z-index:10;
	text-align: center; border: none; text-decoration: none; color: #083; font: bold 1.1em sans-serif;
}
#tipeee img {
	width: 90%;
	max-height: 150px;
}

@media (min-width: 1500px) {
	#tipeee { font-size: 2em }
	#tipeee img { float: left; }
	#tipeee br { display: none }
}
@media (max-width: 1300px) {
	#tipeee { display:none }
}

@media (max-width: 1005px) {
	div#leftbar { position: static; display: inline; }
	div#leftbar div.menu { float: left; width: 17em }

	div#leftbar div.menu {
		border-width: 2px;
		-moz-border-radius: 1em;
		border-radius: 1em;
		margin: 0.5em;
	}
	div#leftbar div.menu h2 {
		moz-border-radius: 0.9em 0.9em 0 0;
		border-radius: 0.9em 0.9em 0 0;
	}

	div#content { padding-left: 0.5em }

	img#avatar { display: none; }
}



div#megatitre {
	width: 937px; height: 260px;
	background: url(/design/title-haut.jpg) top no-repeat;
	position: absolute; right: 0; top: 0;
	z-index:20;
}

div#megatitre>div, div#megatitre>a {
display:block; position: absolute; top: 124px; width: 183px; height:136px; text-decoration:none;
}

div#megatitre #leftthingy { width: 22px; background: url(/design/title-b0.jpg) }

div#megatitre #whoswho { left: 22px;  background: url(/design/title-b1.jpg) }
div#megatitre #whoswho:hover { background: url(/design/title-c1.jpg) }

div#megatitre #langues { left: 205px; background: url(/design/title-b2.jpg) }
div#megatitre #langues:hover { background: url(/design/title-c2.jpg) }
div#megatitre #langues a { position:absolute; left: 110px; top:65px; background: #fff; border: transparent solid 2px }
div#megatitre #langues a+a { top:90px;}
div#megatitre #langues a:hover { border-color: #fc0 }

div#megatitre #forvote { left: 388px; text-align:center; background: url(/design/title-b3.jpg) }
div#megatitre #forvote:hover { background: url(/design/title-c3.jpg) }
div#megatitre #forvote>p {
	font: bold 1em sans-serif;
	margin: 1.5em 0 0.5em 0;
	text-shadow: 1px 1px 2px #fff, -1px -1px 2px #fff;
}
div#megatitre #forvote>img {
	cursor: pointer;
	margin: 0 0.3em;
}

div#megatitre #shop { left: 571px; background: url(/design/title-b4.jpg) }
div#megatitre #shop:hover { background: url(/design/title-c4.jpg) }

div#megatitre #webcomics { left: 754px; background: url(/design/title-b5.jpg) }
div#megatitre #webcomics:hover { background: url(/design/title-c5.jpg) }



div.boutons { text-align: center }
div.boutons img { height: 1em; border: none }

p.error { position: fixed; left: 3em; width: 10em; bottom: 10%; border: 2px solid; color: red; font-weight: bold; background: #fdd; z-index: 99; }


div.code {
font: 1em monospace;
background: #fff;  
border: 1px solid #888;
margin: 0.2em 1em;
}

span.date { color: #032; float:right }
div.author_comment {
	text-align: left;
	border: thin #053 solid;
	background: #00E87E;
	border-radius: 10px;
	margin-bottom: 1em;
	margin-top: 0.5em;
}
div.author_comment h2,div.author_comment div { padding: 0.2em }
div.author_comment h2 {
	background: url(/imgs/semiblackbg.png);
	background: rgba(0,0,0,0.4);
	color: white;
	margin: 0;
	border-radius: 10px 10px 0 0;
}
div.author_comment img { float: left; margin-right: 6px }
div.author_comment img.center { float: none; margin: 0 }

div.are1 div.author_comment { width: 100% }
div.are2 div.author_comment { width: 47%; margin-right: 6% }
div.are3 div.author_comment { width: 30%; margin-right: 5% }

div.last { margin-right: 0 }

div.author_comment a { color: #05b }
div.author_comment a:visited { color: #025 }
div.author_comment h4 { color: #046; font-size: 120% }

div.reader_comment {
	text-align: left;
	border: thin #053 solid;
	border-bottom: 0;
	background: #5FA;
	width: 100%;
	overflow: hidden;
}
div.reader_comment#RClast { border-bottom: thin #053 solid; }
div.reader_comment h2,div.reader_comment div { padding: 0.2em; }
div.reader_comment h2 {
	background: #0b6;
	color: white;
	font-size: 1em;
	margin: 0;
	padding: 0 0 0.2em 0.5em;
}
div.reader_comment div.rep { margin: 0 1em; padding: 0.4em 2em; color: #530; background: #8dffc5; border: 1px dotted #0b6 }
div.reader_comment div.rep h4 { padding-left: 3em }
div.reader_comment form { margin: 0 }
div.reader_comment form h2 input { background: #0E7; font-size: 0.8em; margin: 0.1em }
div.reader_comment form textarea { background: #0E7; width: 90%; margin: 0.5em auto }

div.reader_comment a { color: #05b }
div.reader_comment a:visited { color: #025 }

div.reader_comment span.quote, div.author_comment span.quote { color: #25D }
div.reader_comment img.gravatar { float: left; margin: 3px }


.lastcommented {
	font-size: 0.8em;
}

.commenthelp {
	font: 0.6em sans-serif;
	border: 1px dotted;
	background: #7FB;
	margin: 0.5em 1em;
}

a.edit {
	display: block;
	text-align: center; text-decoration: none;
	font: 0.8em sans-serif;
	border: 1px solid;
	-Moz-Border-Radius: 0.4em;
	background: #7FB;
	width: 18ex;
	margin: 0.2em;
	margin-left: auto;
}


div#trackbacks {
	border: thin #053 solid;
	background: #5FA;
	-Moz-Border-Radius: 3px;
}
div#trackbacks h3,div#trackbacks h4 {
	background: #0b6;
	margin: 0;
}
div#trackbacks h3 { /* titre "Trackbacks" */
	text-align:left;
}
div#trackbacks h4 { /* "pour faire un lien vers... */
	font: normal 0.9em sans-serif;
	padding-top: 0.2em;
}
div#trackbacks div {
	font-size: 0.9em;
	border-bottom: thin #053 solid;
	padding-bottom: 0.2em;
}


/* guys personalisation */
html>body div#comment_Salagir {
	background-image: url(/imgs/salabg2.jpg);
	background-position: 80% 0%;
	background-repeat: no-repeat;
}

html>body div#comment_salachid {
	background-image: url(/imgs/salachidbg1.jpg);
	background-position: 80% 0%;
	background-repeat: no-repeat;
}

body#search div.author_comment p { text-align: center }
body#search div.author_comment img { float: none }
body#search div.engine { font-size: small; border: thin solid;
padding: 0; margin: 1em; margin-left: 30% }

span.score { padding-left: 1em; font: bold 0.8em sans-serif; }
span.score a { font: bold 14px monospace; border: 1px solid; background: #da5;
	text-decoration: none; color: black; padding: 0 0.2em; margin: 0.1em 0.2em 0 0 }


/* table à bordure nette */
table.bords {
	text-align: center;
	border-collapse: collapse;
	empty-cells: show;
	margin:auto;
}
table.bords td, table.bords th {
	border: thin solid black;
	text-indent: 0;
}
table.bords th { background: #b0b0b0 }

table.small { margin: 0.5em 2em }
table.small td, table.small th { font-size: 75% }

/* mailing liste form */
#formrss { margin: 0; padding: 0 }
#formrss iframe { width: 13em; height: 0.1em; overflow: hidden }
#formrss #formrss3 { width: 10em }
#formrss #formrss4 { width: 3em }


.sondage {width: 660px; margin: auto; border: 2px solid #053;
background: #7fcc6e; padding: 15px;
	-Moz-Border-Radius: 30px; Border-Radius: 30px; font: 1.2em 'comic sans ms',arial,sans-serif }
.sondage div {width: 50%; float:left; text-align:left }
.sondage label { padding-left: 5px }

div.half { height:auto;overflow:auto; margin-bottom: 1em }
div.half div { width: 45%; margin: 0 1%; float: left; clear:none; }
div.half h4 { text-align:center; background: #AFD }

/** Pubs **/
#pub_externe { width: 340px; height: 367px; overflow: hidden; float:left; position: relative; }
#pub_externe>h2 { text-align:center; margin:0.1em 0; font: bold 1.2em sans-serif }
#pub_externe>div, #pub_externe>iframe { display:inline-block; vertical-align: top; height: 345px; margin-bottom: 1em; position: absolute; left: 0 }
#pub_externe>div.dbm { border: 5px solid black; background: #fff; padding: 22px; width: 280px; height: 280px }
#pub_externe>div.dbm img { box-shadow: 0 0 4px 5px #CCCCCC }
#pub_externe>iframe { display:inline-block; width:335px; border: none }
#pub_externe>iframe.news { width: 325px; height:325px; overflow: hidden; border: 5px solid black; }
#pub_externe>div.dbm h4 {
	width: 142px;
	background: #333;
	font: bold 16px sans-serif ;
	padding:2px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	margin: 10px auto 0 auto;
}

/* horizontale */
#pw_adbox_73334_5_0 { width:728px; margin: auto }
/* verticale */
#pw_adbox_73377_3_0 { position: absolute; right: 0 }

@media (max-width: 1300px) {
	#pw_adbox_73377_3_0 { right: auto; left: 30px; top: 1150px }
}
@media (max-width: 1005px) {
	#pw_adbox_73377_3_0 { display: none }
	#pub_externe { float: none; margin: auto; }
}
@media (min-width: 1006px) {
	#pub_externe+div.are1 { margin-left: 350px; }
}
@media (max-width: 750px) {
	#pw_adbox_73334_5_0 { width: 100%; overflow: hidden }
}


/* mobile */

@media (max-width: 600px) {
	div.author_comment img { max-width: 30% }
	nomobile, .nomobile { display: none }

	img.pub_finstrip, img.dastrip, img#dastrip {
		padding: 0;
		max-width: 100%;
	}
}