/* @override 
	http://dev.royalpixel.net/brainsol/sol.css
	http://brainsol.net/sol.css
	http://localhost:8888/brainsol%201.9/sol.css
*/

@font-face {
  	font-family: "eaves";
  	src: local("Mrs Eaves OT"),local("MrsEaves"), url(fonts/MrsEavesOT-Roman.otf) format("opentype");
}

@font-face {
	font-family: "luts";
	src: local("Lutz"), url(fonts/LutzHea.otf) format("opentype");
}

body {
	margin: 0;
	padding: 0;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	background: #e7e0ce url(pic/fond_orange_stripes3.gif) 225px 125px;
}

#brain {
	background: url(pic/bord_stripes.gif) repeat-y 225px 220px;
	overflow: hidden;
}

#bord_stripes {
	background: url(pic/bord_stripes.gif) repeat-y 0 220px;
	overflow: hidden;
	position: absolute;
	left: 225px;
	width: 17px;
	z-index: 1;
	top: 0;
	height: 100%;
}

img {
	border-style: none;
}

#marge_bleue {
	z-index: 2;
	width: 225px;
	float: left;
	position: relative;
}

#brain_r {
	overflow: hidden;
	position: relative;
	z-index: 2;
}

#colvert {
	background: #8b674f url(pic/vert_haut.jpg) repeat-x 348px top;
}

#colvert_trame {
	height: 167px;
	background: url(pic/vert_trame.jpg) repeat-x 348px 142px;
	border-bottom-color: #8b674f;
}

#colvert_amorce {
	background: url(pic/vert_amorce.jpg) no-repeat;
	height: 167px;
	padding-left: 390px;
	overflow: hidden;
}

/*#encart {
	height: 159px;
	margin-left: 372px;
	background: url(pic/pointille_vert.gif) repeat-y 0;
	overflow: hidden;
	padding-left: 17px;
	float: left;
}*/

.encart {
	height: 62px;
	background: url(pic/pointille_vert.gif) repeat-y 0;
	overflow: hidden;
	padding-left: 30px;
	display: block;
	padding-right: 30px;
	float: left;
	padding-top: 99px;
}


.encart_sub a {
	text-decoration: none;
	color: #464837;
	
}

.encart_sub {
	padding-top: 22px;
	color: #d3c2c6;
	font: normal normal 15px eaves, Georgia, "Times New Roman", Times, serif;
}

.encart_sub a:hover {
	background-color: #bbb7a0;
}

#ravin_box {
	padding-top: 14px;
	background: url(pic/ravin.png) no-repeat -2px 0;
}

#img_ravin {
	width: 114px;
	height: 43px;
	display: block;
}

#poisse_verte {
	width: 114px;
	height: 43px;
	background: rgba(126,132,103,0.5) url(pic/pink_tooth.gif) repeat-x 0 top;
}

#poisse_verte:hover {
	background-color: rgba(132,118,103,0.4);
}

#corpse {
	background-image: url(pic/fond_papier.jpg);
	border-top: 1px solid #553843;
}

#corpse_marge {
	background: url(pic/papier_marge.jpg) repeat-y 0 443px;
}

#corpse_coin {
	background: url(pic/papier_coin.jpg) no-repeat 0 0;
	min-height: 300px;
	overflow: hidden;
}

#orange_stripes {
	height: 500px;
	background: url(pic/fond_orange_stripes.gif) no-repeat;
	left: 225px;
	width: 100%;
	position: fixed;
}

#brainsol_box {
	height: 168px;
	background: url(pic/ecusson_l.jpg) no-repeat 0 0;
}

#brainsol_box a {
	height: 168px;
	display: block;
	width: 146px;
	background-image: url(pic/ecusson_double.jpg);
	margin-left: 79px;
}

#brainsol_box a:hover {
	background-position: 146px;
}

#fond_rail {
	height: 100%;
	width: 225px;
	background-image: url(pic/fond_rail.jpg);
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
}

#rail_fade {
	background-image: url(pic/rail_fade_out.jpg);
	height: 210px;
	left: 0;
	position: absolute;
	top: 755px;
	z-index: 2;
	width: 225px;
}

#loop {
	height: 314px;
	background: url(pic/mere_noire.jpg) -75px;
}

/* @group sticker */

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

.detachable {
	text-align: center;
	background: url(pic/zigzag_up.png) repeat-y 0 1px;
	font-size: 11px;
	color: #a69f7b;
	cursor: pointer;
	clear: right;
	float: right;
	display: block;
}

.detachable:hover {
	background-position: -2px;
}

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

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

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

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

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

.detache
 {
	background-color: #4a2e39;
	margin-left: 2px;
	width: 54px;
	height: 21px;
}

.fat {
	height: 28px;
}

.fat img {
	margin-top: 6px;
	display: inline;
	float: none;
}

.detache:hover,.detache2:hover {
	background-color: #bbb7a0;
	color: #464837;
}

.fat:hover {
	background-color: #4a2e39;
}

#royalpixel_box {
	background-position: 0;
}

#royalpixel {
	width: 28px;
	height: 17px;
	background-image: url(pic/logo_rp_double.png);
	display: inline-block;
	margin-top: 7px;
}

a#planplan {
	text-decoration: none;
}

a#planplan:hover {
	background-position: -4px;
}

#planplan div.detache:hover {
	background-color: #657778;
	color: #bbb7a0;
}

/* @end */

img#pic_folio {
	background: url(pic/marq_pattern4.gif) repeat;
	padding: 0 7px 7px;
}

#folio_corpse {
	padding-bottom: 150px;
	overflow: hidden;
}

#pfolio_r {
	overflow: hidden;
	float: left;
}

#works_box {

	width: 211px;
	padding-top: 25px;
	background: url(pic/vert_trame_2.png) repeat-y right 0;
	overflow: hidden;
	padding-bottom: 65px;
}

#page_select {
	float: left;
	width: 22px;
	padding-left: 9px;
}

#liste_box {
	width: 175px;
	float: left;
	text-align: right;
	padding-right: 5px;
	font-family: "Helvetica Neue", Ronnia, Solex, Arial, Helvetica, Geneva, sans-serif;
	line-height: 12px;
}

#interrupteur {
	margin-left: 45px;
	margin-bottom: 75px;
	margin-top: -10px;
	width: 42px;
	height: 117px;
	background-image: url(pic/interrupteur.png);
}

#legende_box {
	width: 185px;
	margin-right: 15px;
	margin-left: 8px;
	padding-top: 18px;
	min-height: ;
	float: left;
}

#page_select a {
	display: block;
	font: 10px luts, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none;
	color: #9c7256;
	width: 15px;
	height: 12px;
	padding-top: 4px;
	text-align: center;
	padding-left: 1px;
	margin-bottom: 3px;
}

#page_select a.select {
	background-image: url(pic/page_select.gif);
	color: #e7e0ce;
}

#liste_box div a {
	color: #68484e;
	font-size: 11px;
	cursor: pointer;
	vertical-align: 1px;
	line-height: 13px;
}

#liste_box div a:hover {
	background-color: #f6f3e8;
	color: #8b5737;
	text-decoration: none;
}

#titre {
	text-align: right;
	margin-bottom: 7px;
	font-variant: normal;
	font-family: eaves, Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-style: normal;
	color: #63623c;
	
}

#titre a {
	color: #63623c;
	text-decoration: none;
}

#titre a:hover {
	text-decoration: line-through;
}

#mini_fl_box {
	text-align: right;
	padding-right: 2px;
	height: 14px;
	color: #63623c;
}

a#permalien {
	text-decoration: none;
	color: #b87b3c;
	display: block;
	padding-top: 9px;
	font-size: 10px;
	float: left;
}

#description {
	font-size: 11px;
	color: #8a6654;
	text-align: right;
	margin-top: 0;
	margin-bottom: 10px;
}

#description a {
	color: #8a6742;
}

#description a:hover {
	background-color: #657778;
	color: #e7e0ce;
	text-decoration: none;
}

#credits {
	margin-bottom: 0;
	text-align: right;
	font-size: 10px;
	margin-top: 10px;
	color: #769196;
}

h2 {
	margin-top: 0;
	margin-bottom: 0;
}

#desordre {
	position: absolute;
	z-index: 4;
	top: 180px;
	left: 57px;
	cursor: pointer;
}

#collage {
		position: absolute;
	z-index: 4;
	top: 238px;
	left: 125px;
	cursor: pointer;
}

#ektachrome {
	position: absolute;
	z-index: 4;
	top: 286px;
	left: 59px;
	cursor: pointer;
}

#orange_lane {
	height: 15px;
	background-color: #a17b33;
	border-left: 1px solid #5a4027;
}

#traintrain {
}

#train_box {
	width: 225px;
	height: 755px;
	background: no-repeat 0 168px;
}

#starter {
	background-color: #423037;
	float: left;
	border-right: 0 solid #8b674f;
	overflow: hidden;
	width: 0;
	border-width: 8px;
	border-bottom-style: solid;
	border-bottom-color: #8b674f;
}

#start_img {
	margin: 50px;
}

/*#box_eclair {
	background: url(pic/bouton_desordre_fr.png) no-repeat center center;
	cursor: pointer;
	
}*/

#box_eclair:hover {
	cursor: pointer;
	background-position: center center;
	background-repeat: no-repeat;
}

#box_eclair.fr:hover {
	background-image: url(pic/bouton_desordre_fr.png);
}

#box_eclair.en:hover {
	background-image: url(pic/bouton_desordre_en.png);
}

a#langue {
	display: block;
	position: absolute;
	left: 238px;
	z-index: 3;
	font-size: 10px;
	text-decoration: none;
	top: 7px;
	background-color: #504a31;
	color: #a29f80;
	padding-left: 3px;
	padding-right: 3px;
	line-height: 13px;
}

a#langue:hover {
	background-color: #657778;
	color: #cdc9b7;
}

#placeholder {
	z-index: 9;
}

#image {
	width: 390px;
	background-color: #e37174;
	height: 500px;
	position: absolute;
	background-image: url(ravin/pic/chutes/79_flakes_sixteen.jpg);
}

#cadre {
	width: 100px;
	height: 100px;
	position: absolute;
	border: 2px solid #0ff;
	cursor: move;
}

#poignee {
	width: 8px;
	background-color: #0ff;
	height: 8px;
	position: absolute;
	bottom: 0;
	right: 0;
	margin-bottom: -4px;
	margin-right: -4px;
	cursor: se-resize;
}

#message {
	position: absolute;
	left: 400px;
	top: 0;
	background-color: rgba(0,0,0,0.5);
	color: #fff;
	padding: 5px;
	width: 200px;
}

#message2 {
	position: absolute;
	left: 400px;
	top: 30px;
	background-color: rgba(0,0,0,0.5);
	color: #fff;
	padding: 5px;
	width: 200px;
}

#crop {
	top: 510px;
	position: absolute;
}