/*
Name: Natural Essence
Date: 2007-02-20
Description: Soft and natural single/two-column template.
Author: Viktor Persson
URL: http://templates.arcsin.se

Feel free to use and modify but please provide credits.
*/

/* default elements */
* {margin: 0; padding: 0;}

body {
font: normal 62.5% sans-serif;
}

a {color: #333;}
a:hover {color: #666;}

big {font-size: 1.1em;}

h1 {font: normal 2.4em serif,sans-serif; padding: 10px 0 4px; color:#333 }
h1 a {text-decoration: none;}
h1 a:hover {text-decoration: underline;}

h2 {font: normal 1.6em serif,sans-serif; padding: 8px 0 4px;}
h3 {font: bold 1.2em serif,sans-serif; padding: 6px 0 4px;}

blockquote {
display: block;
font: normal 1.1em Georgia,serif;
padding-left: 26px
}

form,table {margin-bottom: 1.2em;}
/*img {border: none;}*/
label {display: inline;}
li {line-height: 1.5em;}
p {padding: 2px 0 10px;}
small,.small {font: normal 0.9em sans-serif;}
ul,ol {padding: 0 2em 1.2em;}
.bold { font-weight: bold; }
.ital { font-style: italic; }

img { display: none; }

/* structure */
#wrapper {
margin: 0 auto;
width: 972px;
}
#container {
/*border-top: 6px solid #332;*/
font-size: 1.3em;
line-height: 1.3em;
margin: 0 auto;
width: 970px;
}
#wrapper-openwindow {
margin: 0 auto;
width: 622px;
}
#container-openwindow {
font-size: 1.3em;
line-height: 1.3em;
margin: 0 auto;
width: 620px;
height: 300px;
}

/* header */
.title {
background: #E2DED4 url(img/header-h1.jpg) repeat-x;
border-top: 1px solid #996;
}
.title h1 {
font: normal 2.2em Georgia,"Trebuchet MS",sans-serif;
padding: 10px 0 10px 18px;
}

.header {
/*border-top: 2px solid #663;*/
height: 50px;
padding: 5px;
}

/* navigation */
.navigation {
height: 37px;
border-top: 1px solid #996;
}
.navigation a {
float: left;
font: bold 1em Tahoma,sans-serif;
padding: 0 12px;
line-height: 37px;
text-align: center;
text-decoration: none;
}

.subnavigation {
border-bottom: 1px solid #AA8;
padding: 0px 4px;
font-size: 0.9em;
height: 26px;
vertical-align: middle;
}

.subnavigation .item {
padding: 0px 4px;
}

.subnavigation .left, .subnavigation .leftmiddle, .subnavigation .middle, .subnavigation .right, .subnavigation .leftlarge, .subnavigation .middlelarge {
    position: relative;
    top: 50%;
    margin-top: -10px;
    float: left;
    overflow: hidden; white-space: nowrap;
}
.subnavigation .left {
    width: 130px; height: 20px; text-align: right;
}
.subnavigation .middle {
    width: 635px;
}
.subnavigation .leftmiddle {
    width: 760px;
}
.subnavigation .leftlarge {
    width: 230px; height: 20px;  text-align: right;
}
.subnavigation .middlelarge {
    width: 535px;
}
.subnavigation .right {
    width: 185px;
}

.subnavigation .right input {
    width: 175px;
}

/* main */
.main#two-columns {background: #FFF;}
.main#openwindow {background: #FFF}

/* bottom */
.bottom {
border-top: 1px solid #AA8;
color: #444;
padding: 14px 20px;
}
.bottom .left,.bottom .right {width: 49%;}

/* footer */
.footer {
color: #EED;
padding: 10px;
}
.footer .left {width: 66%;}
.footer .right {
width: 33%;
text-align: right;
}
.footer a {
color: #FFF;
text-decoration: none;
}
.footer a:hover {
color: #FFF;
text-decoration: underline;
}

/* gallery */
.gallery td {
vertical-align: top;
text-align: center;
}
.gallery em {display: block;}

/* misc */
.clear,.clearer {clear: both;} 
.clearer {font-size: 0;}
.col2 .left { float: left; width: 210px;  left: 5px; } /*height:98%;*/
.col2 .right .content {background: #FFF;}
.col2 .right { float: left; width: 750px;}
.content {padding: 8px 10px;}
.left-50, .left-60 {float: left;}
.right-50, .right-40 {float: left;}
.right .content {padding: 8px 12px 12px 14px;}

.left-50 {width: 320px; }
.right-50 {width: 320px; padding-left: 10px; }
.left-60 {width: 405px; right: 271px; }
.right-40 {width: 261px; left: 405px; padding-left: 10px; }

.loaderoff { width: 100%; }
.loaderon { background-image: url(/static/img/ajax-loader.gif); background-repeat: no-repeat; background-position: right; }

.leftpersobox { height: 42px; width: 190px; overflow-x: hidden; white-space: nowrap; }

.equipementwrapper {padding: 0px 20px; height: 160px; }
#enc { font-size: 1.1em }
.equipement { float: left; padding: 5px; text-align: center; }
.equipementselect { float: left; padding: 5px; }
.equipementselect div { margin-bottom: 5px; }
.equipementselect .shop { margin-top: 15px; text-align: center; font-style: italic; }
.equipement img { display: none; }

/* block list */
ul.block {
border-top: 1px dashed #BCBAAC;
margin: 4px 0;
padding: 0;
width: 90%;
}
.block li {
border-bottom: 1px dashed #BCBAAC;
list-style: none;
}
.block li a,.block li em {
color: #553;
display: block;
}
.block li em {
font-size: 0.9em;
font-style: normal;
}
.block li a {
padding: 4px 3%;
text-decoration: none;
width: 94%;
}
.block li a span {font-weight: bold;}
.block li a:hover {
background: #D2D0C0;
color: #553;
}

.right .block,.right .block li {border-color: #DCDACC;}
.right .block li a:hover {background: #F2F0EA;}

.imgborder, .border {
border: 1px solid #E0E0E0;
}
.border {
padding: 4px;
}

.tableborder {
    width: 720px;
}
.content>.tableborder {
    width: 730px;
}
.tableborder table {
    width: 715px;
}

table {
border: 1px solid #E0E0E0;
margin: 0px;
padding: 0px;
font-size: 100%;
}
.vertmiddle  {
    vertical-align: middle;
    height: 100%;
}
tr, tbody {
margin: 0px;
padding: 0px;
}
td {
margin: 0px;
padding: 5px;
}
.tablehead, .tablehilite {
font-weight: bold;
color: #444;
margin: 0px;
}

.tableline
{
margin: 0;
padding: 0;
height: 1px;
background-color:#E0E0E0;
}

.hidecomp { display: none }
.showcomp { font-size: 90% }

.blocnoline { list-style-type: none }
.blocbold { font-weight: bold; list-style-type: none; margin-top: 4px; margin-bottom: 2px }
.blocital { font-style: italic; list-style-type: none; margin-bottom: 2px }

.ongletcont { overflow: hidden; text-align: center; margin-top: 5px; }
.ongletleft { width: 6px; height: 30px; float: left; }
.ongletright { width: 6px; height: 30px; float: left; margin-right: 4px; }
.onglet {
float: left;
font: bold 1em Tahoma,sans-serif;
padding: 0 8px;
line-height: 30px;
text-align: center;
}
.onglet a {
text-decoration: none;
}

.ongletend { clear: left; width: 100%; height: 1px }

.more {text-align: right;}

input[type=text], input[type=password], input[type=file], input[type=radio], select {
border: 1px solid #E0E0E0;
background-color: #FFFFFF;
color: black;
font-size: 11px;
vertical-align: middle;
padding: 1px 3px 1px 3px;
}
select.disabled {
border: 1px solid #E0E0E0;
background-color: #FEFEFE;
color: #666666;
font-size: 11px;
vertical-align: middle;
}
textarea {
border: 1px solid #E0E0E0;
background-color: #FFFFFF;
color: black;
font-size: 11px;
}
input[type=submit],input[type=reset] {
border: 1px dotted #642;
background-color:#DCDCDC;
font-size: 11px;
vertical-align: middle;
color:#442;
font-weight:bold;
margin: 6px;
padding: 2px 6px 2px 6px
}
input {
vertical-align: middle;
margin-left: 2px;
}
.smallred {
color: red;
}

/* autocompletion */
div.autocomplete {
position:absolute;
width:250px;
background-color:white;
border:1px solid #888;
margin:0px;
padding:0px;
}
div.autocomplete ul {
list-style-type:none;
margin:0px;
padding:0px;
}
div.autocomplete ul li.selected { background-color: #ffb;}
div.autocomplete ul li {
list-style-type:none;
display:block;
margin:0;
padding:2px;
height:14px;
cursor:pointer;
}

/* notes */

.notecontainer {
    border-bottom: 1px solid #E3E3D5;
    margin:0px; padding:0px;
    display:none;
    left:0px; top:0px; width:100%;
    position: relative;
}

.notecontainer ul {
    padding: 10px 20px 5px;
    list-style:none;
    /*list-style-image: url(/static/icons/note.png);*/
}
.notecontainer form {
    margin: 0px;
}
.notecontainer input[type=text] {
    width: 300px;
}
.notecontainer .newnote {
    margin: 5px 20px 10px;
}

/* forum */

.PDDiv { width: 99%; padding: 5px; background: #FFF }

#phorum-index
{
width: 100%;
border: 1px solid #E0E0E0;
border-bottom-width: 0px;
text-align: left;
}

#phorum-index th
{
border-bottom: 1px solid #E0E0E0;
padding: 3px 0 3px 0;
}

#phorum-index td
{
font-family: serif,sans-serif;
padding: 3px 0 3px 0;
border-bottom: 1px solid #E0E0E0;
}

#phorum-index th.forum-name
{
font-family: serif,sans-serif;
font-size: 1.6em;
padding: 3px 0 3px 3px;
}

#phorum-index th.forum-name a
{
color: Black;
}

#phorum-index th.forum-threads
{
width: 120px;
text-align: center;
vertical-align: middle;
}

#phorum-index th.forum-posts
{
width: 120px;
text-align: center;
vertical-align: middle;
}

#phorum-index th.forum-last-post
{
padding: 3px 15px 3px 3px;
vertical-align: middle;
}

#phorum-index td.forum-name
{
font-size: 1em;
font-weight: bold;
padding: 5px 0 5px 15px;
}

#phorum-index td.forum-name p
{
font-size: 13px;
font-weight: normal;
margin: 0 15px 0 0;
}

#phorum-index td.forum-name small
{
font-weight: normal;
}

#phorum-index td.forum-threads
{
width: 120px;
text-align: center;
}

#phorum-index td.forum-posts
{
width: 120px;
text-align: center;
}

#phorum-index td.forum-last-post
{
width: 120px;
padding: 0 15px 0 0;
}

#phorum-menu-table
{
width: 98%;
border-width: 0px;
}

#phorum-menu
{
padding: 5px 3px 0 0;
vertical-align: top;
width: 200px;
}

#phorum-content
{
padding: 5px 0 0 2px;
vertical-align: top;
}

div.phorum-menu
{
font-size: 0.9em;
border: 1px solid #E0E0E0;
padding: 3px;
}

div.phorum-menu ul
{
font-weight: bold;
list-style: none;
padding: 0;
margin: 0 0 10px 0;
}

div.phorum-menu li
{
font-weight: bold;
padding: 0 0 0 15px;
margin-top:3px;
background-image: url('templates/default/images/square_bullet.png');
background-repeat: no-repeat;
background-position: 1px 2px;
}

div.phorum-menu a
{
font-weight: normal;
color: {navtextcolor};
}

div.phorum-menu a:hover
{
color: {hoverlinkcolor};
}

div.phorum-menu a.phorum-current-page
{
font-weight: bold;
}

#phorum-post-form ul
{
padding: 0 0 0 20px;
margin: 3px 0px 8px 0px;
font-size: 0.9em;
}

#phorum-post-form li
{
margin-bottom: 3px;
}

#phorum-attachment-list td
{
font-size: 0.9em;
}

/* new class for layouting the submit-buttons in IE too */
.PhorumSubmit {
	border: 1px dotted #E0E0E0;
	color: {defaulttextcolor};
	background-color: {navbackcolor};
	font-size: 0.9em;
	font-family: {defaultfont};
	vertical-align: middle;
}

.PhorumTitleText
{
	margin-top: 10px;
	font-family: serif, sans-serif;
}

.PhorumStdBlock
{
	font-size: 1em;
	background-color: {backcolor};
	border: 1px solid #E0E0E0;
/*        width: {tablewidth}; */
	padding: 3px;
	text-align: left;
}

.PhorumStdBlockHeader
{
	font-size: 1em;
	background-color: {navbackcolor};
/*        width: {tablewidth}; */
	border-left: 1px solid #E0E0E0;
	border-right: 1px solid #E0E0E0;
	border-top: 1px solid #E0E0E0;
	padding: 3px;
	text-align: left;
}

.PhorumHeaderText
{
	font-weight: bold;
}

.PhorumNavBlock
{
	font-size: 0.9em;
	border: 1px solid #E0E0E0;
	margin-top: 1px;
	margin-bottom: 1px;
/*        width: {tablewidth}; */
	padding: 2px 3px 2px 3px;
}

.PhorumNavHeading
{
	font-weight: bold;
}

A.PhorumNavLink
{
	color: {navtextcolor};
	text-decoration: none;
	font-size: {navfontsize};
	padding: 0px 4px 0px 4px;
}

.PhorumSelectedFolder
{
	color: {navtextcolor};
	text-decoration: none;
	font-size: {navfontsize};
	border-style: solid;
	border-color: {navbackcolor};
	border-width: 1px;
	padding: 0px 4px 0px 4px;
}

A.PhorumNavLink:hover
{
	background-color: {navhoverbackcolor};
	font-size: {navfontsize};
	border-style: solid;
	border-color: #E0E0E0;
	border-width: 1px;
	color: {navhoverlinkcolor};
}

.PhorumFloatingText
{
	padding: 10px;
}

.PhorumHeadingLeft
{
	padding-left: 3px;
	font-weight: bold;
}

.PhorumUserError
{
	padding: 10px;
	text-align: center;
	color: red;
	font-weight: bold;
}

.PhorumOkMsg
{
	padding: 10px;
	text-align: center;
	color: green;
	font-weight: bold;
}

.PhorumNewFlag
{
	font-weight: bold;
	color: red;
}

.PhorumNotificationArea
{
	float: right;
	border-style: dotted;
	border-color: #E0E0E0;
	border-width: 1px;
}

/* PSUEDO Table classes                                       */
/* In addition to these, each file that uses them will have a */
/* column with a style property to set its right margin       */

.PhorumColumnFloatXSmall
{
	float: right;
	width: 75px;
}

.PhorumColumnFloatSmall
{
	float: right;
	width: 100px;
}

.PhorumColumnFloatMedium
{
	float: right;
	width: 150px;
}

.PhorumColumnFloatLarge
{
	float: right;
	width: 200px;
}

.PhorumColumnFloatXLarge
{
	float: right;
	width: 400px;
}

.PhorumRowBlock
{
	background-color: #FBF9F4;
	border-bottom: 1px solid #E0E0E0;
	padding: 5px 0px 0px 0px;
}

.PhorumRowBlockAlt
{
	background-color: #FFF;
	border-bottom: 1px solid #E0E0E0;
	padding: 5px 0px 0px 0px;
}

/************/


/* All that is left of the tables */

.PhorumStdTable
{
	border-style: solid;
	border-color: #E0E0E0;
	border-width: 1px;
	width: 100%;
}

.PhorumTableHeader
{
	background-color: #FBF9F4;
	border-bottom-style: solid;
	border-bottom-color: #E0E0E0;
	border-bottom-width: 1px;
	color: {headertextcolor};
	font-size: {headerfontsize};
	font-family: {headerfont};
	font-weight: {headertextweight};
	padding: 3px;
}

.PhorumTableRow
{
	background-color: #FBF9F4;
	border-bottom-style: solid;
	border-bottom-color: #E0E0E0;
	border-bottom-width: 1px;
	color: {defaulttextcolor};
	font-size: 1em;
	font-family: {defaultfont};
	height: 35px;
	padding: 3px;
}

.PhorumTableRowAlt
{
	background-color: #FFF;
	border-bottom-style: solid;
	border-bottom-color: #E0E0E0;
	border-bottom-width: 1px;
	color: {altlisttextcolor};
	font-size: 1em;
	font-family: {defaultfont};
	height: 35px;
	padding: 3px;
}

table.PhorumFormTable td
{
	height: 26px;
}

/**********************/


/* Read Page specifics */

.PhorumReadMessageBlock
{
	margin-bottom: 5px;
}

.PhorumReadBodySubject
{
	color: Black;
	font-size: 1.6em;
	font-family: {largefont};
	font-weight: bold;
	padding-left: 3px;
}

.PhorumReadBodyHead
{
	padding-left: 5px;
}

.PhorumReadBodyText
{
	font-size: 1em;
	padding: 5px;
}

.PhorumReadNavBlock
{
	font-size: {navfontsize};
	font-family: {navfont};
	border-left: 1px solid #E0E0E0;
	border-right: 1px solid #E0E0E0;
	border-bottom: 1px solid #E0E0E0;
/*        width: {tablewidth}; */
	background-color: {navbackcolor};
	padding: 2px 3px 2px 3px;
}

/********************/

/* List page specifics */

.PhorumListSubText
{
	color: {listpagelinkcolor};
	font-size: 0.9em;
	font-family: {tinyfont};
}

.PhorumListPageLink
{
	color: {listpagelinkcolor};
	font-size: 0.9em;
	font-family: {tinyfont};
}

.PhorumListSubjPrefix
{
	font-weight: bold;
}

/********************/

/* Posting editor specifics */

.PhorumListModLink, .PhorumListModLink a
{
	color: {listmodlinkcolor};
	font-size: 0.9em;
}

.PhorumAttachmentRow {
	border-bottom: 1px solid {altbackcolor};
	padding: 3px 0px 3px 0px;
}

/********************/

/* PM specifics */

.phorum-recipientblock
{
	border: 1px solid black;
	position:relative;
	float:left;
	padding: 1px 1px 1px 5px;
	margin: 0px 5px 5px 0px;
	font-size: 0.9em;
	background-color: {backcolor};
	border: 1px solid #E0E0E0;
	white-space: nowrap;
}

.phorum-pmuserselection
{
	padding-bottom: 5px;
}

.phorum-gaugetable {
	border-collapse: collapse;
}

.phorum-gauge {
	border: 1px solid #E0E0E0;
	background-color: {navbackcolor};
}

.phorum-gaugeprefix {
	border: none;
	background-color: white;
	padding-right: 10px;
}

/********************/

/* Override classes - Must stay at the end */

.PhorumNarrowBlock
{
	width: {narrowtablewidth};
}

.PhorumSmallFont
{
	font-size: 0.9em;
}

.PhorumLargeFont
{
	/*color: #442;*/
	font-size: 1.2em;
	font-weight: bold;
}


.PhorumFooterPlug
{
	margin-top: 10px;
	font-size: 0.7em;
}



/*   BBCode styles  */

blockquote.bbcode
{
	font-size: 0.9em;
	margin: 0 0 0 10px;
}

blockquote.bbcode div
{
	margin: 0;
	padding: 5px;
	border: 1px solid #E0E0E0;
}

blockquote.bbcode strong
{
	font-style: italic;
	margin: 0 0 3px 0;
}

.editor-tools-button { border: none; }
.link-nounder {text-decoration: none; color: #000}
.nolight { display: none }
.light { display: block }

.jeu-en-ligne {
display: none;
}