/* @override 
	http://dev.brainsol.net/inv/gun2.css
	http://dev.brainsol.net/inv/invsbl.css
	http://localhost:8888/invsbl/invsbl.css
*/

/* enlève la bordure des liens sur certains navigateurs */
:focus {
  outline: none;
}

@font-face {
  	font-family: "bauerbbc";
  	src: local("BauerBodoni-BoldCond"),url(fonts/bauerbc.otf) format("opentype");
}

@font-face {
  	font-family: "heavyeaves";
  	src: local("Mrs Eaves OT Roman"), local("MrsEavesRoman"),local("MrsEaves"),url(fonts/MrsEavesOT-Roman.woff);
}

@font-face {
	font-family: "btwelveser";
  	src: local("BaseTwelveSerif"),url(fonts/BaseTweSer.woff);
}
img {
	border-style: none;
}

body {
	margin: 0;
	padding: 0;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	background: #212121 url(pic/texture_centre.jpg) 0 -5px;
}

#haut {
	height: 61px;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: url(pic/texture_haut.jpg) repeat-x 85px;
}

#contenu {
	margin-top: 61px;
	padding-left: 87px;
}

#invisible {
	position: fixed;
	border-right: 3px solid #212121;
	background-color: #212121;
	z-index: 102;
	top: 61px;
}

#invisible img {
	display: block;
}

#invisible_titre {
	width: 84px;
	height: 615px;
	background: #2f2f2f url(pic/double_invisible.png) no-repeat 14px 0;
}

#invisible_titre:hover {
	background-color: transparent;
}

a#about {
	height: 36px;
	background: #2f2f2f no-repeat center center;
	border-top: 1px solid #212121;
	display: block;
	cursor: default;
}

a#prix {
	height: 36px;
	background: #2f2f2f no-repeat left center;
	border-top: 1px solid #212121;
	display: block;
	cursor: default;
}

a#about:hover {
	background-color: #212121;
}

a#prix:hover {
	background: #212121 right;
}

#sticker_bleu {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 2;
}

.detachable {
	width: 56px;
	text-align: center;
	background: #728388 none repeat-y 0 1px;
	font-size: 11px;
	color: #564044;
	cursor: pointer;
	height: 21px;
	clear: right;
	float: right;
	display: block;
}

.detachable:hover {
	background-color: #a7aaae;
}

.detachable img {
	display: block;
	float: right;
}

#v1:hover {
	background-color: #a9421b;
	color: #e9d9b8;
}

a.detachable {
	text-decoration: none;
}

.detachable a {
	padding-left: 2px;
	padding-right: 2px;
	color: #56383e;
}

.detachable a:hover {
	background-color: #728388;
	text-decoration: none;
	color: #442d32;
}

.sticker_texte {
	display: block;
	margin-top: 4px;
	margin-left: 4px;
	margin-right: 4px;
}

a#royalpixel_box {
	z-index: 2;
	display: block;
	width: 56px;
	text-align: center;
	background: #728388 url(pic/zigzag_up.png) repeat-y 0 bottom;
	height: 28px;
	float: right;
}

a#royalpixel_box img {
	margin-top: 6px;
}

a#switch_lng {
	position: fixed;
	display: block;
	top: 33px;
	color: #212121;
	left: 18px;
	background-color: #6c6c6c;
	font: 9px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none;
	padding: 1px 3px 2px;
	z-index: 1;
}

a#switch_lng:hover {
	color: #c7c7c7;
}

#numero,#contour_bleu {
	overflow: hidden;
}
#contour_bleu {
	width: 418px;
	float: left;
}

#numero_content {
	position: relative;
}

#couv {
	z-index: 101;
}

.page {
	overflow: hidden;
		cursor: pointer;
}

#couv,.page {
	border-right: 1px solid #2f2f2f;
	float: left;
	position: relative;
}

.marqueur {
	opacity: 0.75;
	position: relative;
	top: -100%;
	height: 100%;
	background-image: url(pic/marq_pattern.gif);
}

#tout_ouvrir {
	height: 191px;
	position: fixed;
	width: 151px;
	top: 211px;
	left: 0;
	z-index: 200;
}

.repere_page {
		position: relative;
	height: 20px;
	background: #2f2f2f none repeat 0 0;
	bottom: 20px;
}

.page:nth-of-type(even) .repere_page {
	background: #606060 none repeat 0 0;
}

#alert {
	position: fixed;
	top: 20px;
	left: 20px;
}

#alert2 {
	position: fixed;
	left: 300px;
	top: 20px;
}

#bas {
	background: url(pic/texture_bas.jpg) 85px top;
	width: 100%;
	position: fixed;
	z-index: 101;
}
#bas_2 {
	background: url(pic/amorce_bois.jpg) repeat-x 85px top;
	width: 100%;
}

#casier {
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	background-color: #a4aab1;
	border-bottom: 1px solid #5b3239;
	border-right: 1px solid #5b3239;
	border-left: 1px solid #5b3239;
	overflow: hidden;
	margin-left: 24px;
}

#casier img {
	float: left;
}

#empty_case {
	width: 50px;
	height: 60px;
	float: left;
	background-color: #7d4f58;
}

/* @group haut */

#boutons_barre {
	overflow: hidden;
	padding-left: 10px;
	display: none;
}

#boutons_barre img {
	display: block;
	float: left;
}

.bt {
	cursor: pointer;
}

#mini_barre {
	z-index: 2;
	position: absolute;
	overflow: hidden;
	margin-left: 214px;
	display: none;
}

#mini_barre img {
	display: block;
}

#mini_barre a {
	display: block;
	float: left;
}

#rss {
	margin-left: 176px;
}

#donation {
	margin-left: 70px;
	float: left;
	display: block;
	cursor: pointer;
}

a#noodle_logo {
	display: block;
	float: left;
}

#scotch {
	position: absolute;
}



/* @end */

/* @group theme */

#theme_box {
	position: fixed;
	top: 99px;
	left: 214px;
	z-index: 1;
	background-image: none;
	height: 53px;
}


#theme_line {
	margin-top: 8px;
	height: 25px;
	background: url(pic/zigzag_blanc_gauche.gif) no-repeat 31px;
}

#theme {
	background-color: #abaeb4;
	height: 25px;
	margin-left: 33px;
	float: left;
	color: #6e4d54;
	padding-left: 8px;
	padding-right: 8px;
	font: 14px/25px Georgia, "Times New Roman", Times, serif;
}

#theme_titre {
	float: left;
	display: block;
	background: url(pic/pointille_credits.gif) no-repeat right;
	padding-right: 8px;
}

#deadline {
	float: left;
	display: block;
	background: url(pic/fond_deadline.png) no-repeat 5px;
	color: #455357;
	font: 11px/25px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	height: 25px;
	padding-left: 106px;
}

#zigzag {
	float: left;
}

#theme_badge {
	display: block;
	margin-left: 44px;
}



/* @end */

/* @group contributions */

#contrib_box {
	overflow: hidden;
	padding-top: 32px;
	padding-left: 32px;
	padding-right: 32px;
}

.ctrb_col {
	width: 500px;
	height: 436px;
	float: left;
}

.ctrb_info {
	color: #a2a268;
	height: 25px;
	font: 14px/25px Georgia, "Times New Roman", Times, serif;
}

.ctrb_info a {
	display: block;
	float: left;
	height: 24px;
	border: 1px solid #455357;
	border-bottom-style: none;

}

.ctrb_info a:hover {
	background-color: #2a3335;
}

img.fleche_www {
	margin-left: 3px;
	margin-right: 5px;
}

.ctrb_name {
	padding-left: 6px;
	background-color: #455357;
	float: left;
	display: block;
	padding-right: 6px;
}

.image_row {
	background-color: #56383e;
	overflow: hidden;
}

.image_row img {
	float: left;
}

.ctrb_uno {
	margin-bottom: 32px;
}

.empty_row {
	height: 57px;
	width: 500px;
	float: left;
}

.empty_info {
	height: 25px;
}

/* @end */

/* @group credits */

#credits_box {
	position: fixed;
	left: 138px;
	z-index: 1;
	top: 27px;
}

#credits_line {
	height: 18px;
	background-color: #bfbfbf;
	border-left: 3px solid black;
	padding-right: 8px;
	margin-top: 0;
}

#credits_num {
	background: url(pic/credits_separe.gif) repeat-y right;
	color: #797979;
	text-align: right;
	padding-right: 10px;
	font: 17px/17px bauerbbc, serif;
	height: 14px;
	float: left;
	padding-left: 7px;
	padding-top: 4px;
}

#credits {
	color: #b4abb3;
	font: 15px/25px Georgia, "Times New Roman", Times, serif;
	float: left;
}

#credits a,.credits_auteur {
	color: #91999a;
	font: 12px/28px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none;
	float: left;
	display: block;
	background: none no-repeat right;
}

#credits a:hover {
	color: #a2a268;
	background-color: #2e2e2e;
}

#credits_titre {
	float: left;
	display: block;
	padding-left: 7px;
	background: none no-repeat right;
	color: #3b3a3a;
	font: 20px/20px "heavyeaves";
	position: relative;
	top: 4px;
}

.credits_chiffre {
	margin-right: 1px;
}

/* @end */

#info_block {

	overflow: hidden;
	margin-left: -400px;
}

#info_block.on {
	margin-left: 0;
}

#info_block.off {
	margin-left: -400px;
}
#text_info_block {

	color: #8d8c8c;
	font: 14px "heavyeaves";
	width: 350px;
	background-color: #212121;
	padding-left: 10px;
	padding-right: 20px;
}
#text_info_block,#info_block,#vaguelettes {
	height: 616px;
}

#text_info_block,#vaguelettes {
	float: left;
}

#vaguelettes {
	background: url(pic/vagues_noires.png) repeat-y 0 0;
	width: 15px;
	margin-top: -20px;
}

#text_info {
	margin-top: 10px;
	padding-top: 50px;
}

#fermer {
	width: 32px;
	height: 32px;
	background-color: #2f2f2f;
	position: absolute;
	margin-top: 523px;
	background-image: url(pic/fermer.gif);
	margin-left: -10px;
}

#fermer:hover {
	background-color: transparent;
}

#info_block p {
	margin-bottom: 12px;
	margin-top: 0;
}

#info_block p.plus:first-letter {
	color: #723539;
}

#info_block a {
	text-decoration: none;
	background-color: #2f2f2f;
	padding-right: 2px;
	padding-left: 2px;
	color: #939393;
}

#info_block a:hover {
	background-color: #606060;
	color: #b1b1b1;
}

#logos_paiement {
	text-align: center;
	margin-top: 10px;
}

#logos_paiement a {
	background-color: transparent;
	margin-left: 10px;
	margin-right: 10px;
	vertical-align: -6px;
}

#logos_paiement a:hover {
	background-color: transparent;
	border-bottom: 1px solid #2f2f2f;
	padding-bottom: 5px;
}

.pied {
	font-size: 13px;
	display: block;
	margin-top: 23px;
	color: #666;
	border-top: 1px solid #2f2f2f;
	padding-top: 9px;
}

#info_intro {
	color: #56383e;
	font-weight: bold;
	margin-top: 23px;
	margin-bottom: 12px;
}

#upload_box {
	float: left;
	width: 390px;
	border-right: 8px solid #56383e;
	margin-top: 62px;
	background-color: #384144;
	height: 438px;
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

form {
	margin: 0;
}

form#form_upload {
	background-color: #455357;
	display: block;
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
	color: #acb7bc;
	overflow: hidden;
	text-align: right;
	height: 317px;
}

#envoyer {
	display: block;
	float: right;
	border: 1px solid #333;
	border-bottom-style: none;
}

#envoyer:hover {
	background-color: #5c6144;
}

#upload_notif {
	height: 75px;
	background-color: #434343;
	color: #b9848f;
	text-align: right;
	padding-right: 20px;
	padding-top: 25px;
}

#upload_notif img {
	vertical-align: middle;
	margin-left: 10px;
}

#form_up {
	height: 285px;
}

#form_middle {
	border-top: 1px dashed #6c6f2b;
	margin-top: 15px;
	margin-bottom: 15px;
}

#upload_notif.erreur {
	text-align: center;
	height: 50px;
	padding-right: 0;
	background: #434343 url(pic/fond_erreur.jpg) no-repeat 0 bottom;
	padding-top: 50px;
}

.field {
	margin-bottom: 10px;
}

.color_un {
	color: #b4abb3;
}

.noti {
	display: block;
	position: absolute;
	margin-left: 10px;
	margin-top: 3px;
}

.noti img {
	vertical-align: top;
}



.info_verif {
	background-color: #a5abb2;
	font-size: 11px;
	border-bottom: 1px solid #6c4d54;
	border-top: 1px solid #6c4d54;
	padding-left: 4px;
	color: #252525;
	padding-right: 4px;
	display: inline-block;
	height: 12px;
}

.tranche_rose {
	border-right: 8px solid #56383e;
}

#marqueur {
	display: block;
	position: fixed;
	left: 260px;
}

#loading {
	position: fixed;
	top: 180px;
	background-color: #455357;
	color: #b4abb3;
	text-align: center;
	font: 14px Georgia, "Times New Roman", Times, serif;
	left: 0;
	padding: 3px;
}

/*.marqueur {
	width: 36px;
	height: 480px;
	background-color: #b6b041;
	position: absolute;
	top: 190px;
	color: #000;
	opacity: 0.25;
}*/

#end_box {
	position: fixed;
	z-index: 1;
	font-size: 12px;
	top: 44px;
	left: 570px;
	border-top: 1px solid #7d4f58;
	overflow: hidden;
	cursor: pointer;
}

#end_box:hover {
	border-top-color: #747a44;
}

#end_inside {
	background-color: #2e2e2e;
	padding: 8px;
	border-bottom-style: none;
	border-bottom-width: 1px;
	height: 12px;
	width: 228px;
	color: #728388;
}

#end_inside:hover {
	background-color: #56383e;
	color: #b4abb3;
}

.espace_eclair {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}

.sign {
	color: #b4abb3;
	font-size: 11px;
	margin-top: 20px;
}

p#end_title {
	margin-bottom: 10px;
	text-align: center;
	margin-top: 0;
}

#end_inside a {
	text-decoration: none;
	background-color: #7d4f58;
	color: #c3d0d9;
	padding-left: 2px;
	padding-right: 2px;
}

#end_inside a:hover {
	background-color: #b8b564;
	color: #442d32;
}

#casier_box {
	margin-left: 159px;
	overflow: hidden;
	display: inline-block;
	background-color: rgba(30,30,30,0);
	padding-left: 10px;
	padding-right: 7px;
	padding-top: 0;
	height: 130px;
}

#casier_box canvas {
	vertical-align: top;
	margin-right: 3px;
	float: left;
	border-bottom: 3px solid #212121;
}

#boutton_wir {
	cursor: pointer;
	float: left;
	display: block;
	margin-right: 3px;
	width: 54px;
	height: 32px;
	background: url(pic/double_wir.gif) 0;
}

#boutton_wir:hover {
	background-position: 54px;
}

#casier_box a {
	cursor: default;
}



/*#casier_box a {
	background-color: #85fe96;
	display: inline-block;
	float: left;
}*/

/*.mini_couv.select {
	background-color: #e16a6c;
	opacity: 0;
}*/

#liens_box {
	position: fixed;
	z-index: 105;
	right: 20px;
	top: 22px;
	color: #3e3e3e;
	font: 15px "heavyeaves";
}

#liens_box a {
	color: #3e3e3e;
	text-decoration: line-through;
}

#liens_box a:hover {
	text-decoration: none;
}

input {
	background-color: #8e8d8d;
	width: 150px;
	color: #212121;
	font: italic 12px Georgia, "Times New Roman", Times, serif;
	text-align: left;
	border-style: none;
	border-left: 1px dotted #212121;
	border-right: 1px dotted #2f2f2f;
	margin-right: 0;
	height: 17px;
	z-index: 2;
	position: relative;
	padding: 1px 4px;
	float: left;
}

#mailbox {
	float: left;
}

#bouton_ok {
	height: 19px;
	width: 33px;
	background: #2f2f2f url(pic/ok_2.png) no-repeat 9px center;
	/*cursor: pointer;*/
	display: inline-block;
	border-right: 1px dotted #212121;
	margin-left: 0;
	position: relative;
	left: -1px;
	z-index: 1;
	line-height: 19px;
}

#bouton_rss {
	height: 19px;
	width: 33px;
	background: #2f2f2f url(pic/rss.png) no-repeat 4px center;
	display: inline-block;
	border-right: 1px dotted #212121;
	border-left: 1px dotted #212121;
	left: -1px;
	z-index: 1;
	margin-left: 0;
	line-height: 19px;
	position: relative;
}

#bouton_rss:hover {
	background: #525252 url(pic/rss.png) no-repeat -64px;
}

#bouton_ok:hover {
	background: #525252 url(pic/ok_2.png) no-repeat -58px center;
}

#minivagues_drt {
	padding-left: 4px;
	background: url(pic/minivagues.png) repeat-y left top;
}

#minivagues_gch {
	padding-right: 4px;
	background: url(pic/minivagues.png) repeat-y right top;
}

#non_non {
	background-color: #525252;
	color: #1f1f1f;
	padding: 6px 8px;
	margin-top: 25px;
	margin-bottom: 15px;
}

#non {
	margin-right: 6px;
	position: relative;
	top: 3px;
}

#mailing_rss span {
	vertical-align: middle;
	line-height: 19px;
	position: relative;
	bottom: 7px;
	margin-left: 10px;
	margin-right: 10px;
}

#mailing_rss {
	height: 19px;
	overflow: hidden;
	margin-left: 5px;
}

#mailing {
	display: inline;
	float: left;
	margin-top: 7px;
	margin-left: 20px;
}

#numero img {
	display: block;
}

#info_numero img {
	vertical-align: middle;
}

#info_numero {
	position: fixed;
	height: 19px;
	background-color: #212121;
	z-index: 9999;
	margin-top: -29px;
	margin-left: 87px;
	color: #606060;
	border-left: 4px solid #2e2e2e;
	border-bottom: 1px dashed #3b3b3b;
	padding: 4px 10px 5px 8px;
}

#num_titre {
	text-transform: uppercase;
	padding-right: 5px;
	font: 14px btwelveser;
}

#num_desc {
	padding-left: 5px;
	font: 14px heavyeaves;
	float: right;
	padding-top: 4px;
}

#box_wir {
	height: 700px;
	background-color: #212121;
}

.img_wir {
	float: left;
	background-image: url(pic/motif_wir.png);
}

.img_wir img {
	display: block;
	z-index: 2;
	position: relative;
}
.img_wir div {
	z-index: 2;
	position: absolute;
}

.img_wir div:hover {
	opacity: 0;
}

.img_wir img:hover {
	display: block;
	opacity: 0;
}

.tag_wir {
	background-color: #212121;
	color: #5e605f;
	z-index: 1;
	font: 32px/32px heavyeaves, Georgia, "Times New Roman", Times, serif;
	height: 32px;
	padding: 8px 10px;
}


#wir {
	background-image: url(pic/work_in_regress.png);
	width: 84px;
	height: 316px;
	position: fixed;
	top: 213px;
	left: 0;
	z-index: 102;
}

#text_wir {
		color: #8d8c8c;
	font: 14px "heavyeaves";
	display: inline-block;
	width: 350px;
	float: right;
	margin-top: 50px;
	margin-right: 40px;
	border-left: 1px solid #303030;
	padding-left: 40px;
}

.centrage {
	text-align: center;
}