/*#############################################################
Name: Dark Ritual
Date: 2006-11-06
Description: Tribal-style three column layout.
Author: Viktor Persson
URL: http://templates.arcsin.se

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

/* standard elements */
*
{
margin: 0;
padding: 0;
}
a
{
color: #682;
}
a:hover
{
color: #9A6;
}
body
{
background: #333 url(images/bg.gif);
color: #333;
font: normal 62.5% "Lucida Sans Unicode",sans-serif;
margin: 3% 0;
}
p,ul
{
padding-bottom: 1em;
}
ul
{
margin-left: 1.2em;
}
li
{
list-style: none;
}
.main li
{
list-style-image: url(images/li.gif);
}
h1
{
font-size: 1.2em;
}
blockquote
{
background: #FFF;
border-bottom: 1px solid #EEE;
border-top: 1px solid #EEE;
color: #333;
display: block;
font-size: 0.9em;
margin-bottom: 1.2em;
padding: 6px 12px;
}
blockquote p
{
padding: 3px 0;
}
h1,h2,h3
{
color: #994;
}

/* misc */
.clearer
{
clear: both;
}
.main_right .padded
{
padding: 6px 2px 6px 16px;
}
.main .padded
{
padding: 18px 24px;
}
.meta
{
font-size: 0.8em;
color: #666;
}
.left
{
float: left;
}
.right
{
float: right;
}
.c
{
text-align: center;
}
.gauche
{
text-align: left;
}
.illustration
{
text-align: center;
}
.illustration img
{
border: solid 0px;
}

/* structure */
.container
{
font-size: 1.2em;
background: url(images/bgcontainer.gif) repeat-y;
margin: 0 auto;
width: 840px;
border: 12px solid #222;
}

/* header */
.header
{
float: left;
width: 640px;
background: url(images/header.jpg) no-repeat;
font: normal 2.4em Verdana,sans-serif;
line-height: 150px;
text-align: center;	
}

/* structure */
.top
{
background: #222;
color: #DDD;
float: left;
font: normal 1.4em Verdana;
height: 50px;
text-align: center;
width: 639px;
}
.main_right
{
float: right;
width: 200px;
color: #CCC;
}
.main_right a
{
color: #994;
text-decoration: none;
}
.main_right img
{
text-align:right;
border: solid 0;
margin-top: 0.5em;
}

/* sub-navigation */
.subnav
{
float: left;
width: 160px;
}
.subnav h3
{
background: #222;
color: #FFE;
font: bold 1.1em Verdana,sans-serif;
line-height: 24px;
padding-left: 8px;
border-bottom: dashed 1px white;
margin-bottom: 2px;
}
.subnav h3 a
{
color: #FFE;
text-decoration: none;
}
.subnav ul
{
margin: 0;
padding: 0;
}
.subnav li
{
margin: 0;
padding: 0;
border-bottom: 1px solid #696755;
list-style: none;
}
.subnav li a
{
background: #89866F;	
color: #111;
display: block;
padding: 8px 0 8px 12px;
width: 148px;
text-decoration: none;
}
.subnav li a:hover
{
background: #9C997C;
color: #000;
}
.subnav li a.encours
{
background: #9C997C;
color: #000;
}

.main
{
float: left;
width: 480px;
}
.main p
{
width: 98%;
text-align: justify;
}
.main hr
{
width: 98%;
}


/* footer */
.footer
{
background: url(images/bgfooter.gif) repeat-x;
color: #CCC;
font-size: 0.9em;
line-height: 39px;
width: 100%;
text-align: center;
}
.footer .left,.footer .right
{
padding: 0 16px;
}
.footer a
{
color: #EEE;
}
.footer a:hover
{
color: #FAFCB0;
}

/*champs de formulaire*/
form
{
margin:0;
padding:0;
}
label
{
float: left;
width: 110px;
text-align: left;
font-size: 1em;
}
.saisie
{
float: left;
margin: 0.5em 0 0 0;
text-align: left;
font-size: 0.9em;
width: 300px;
}
#soumission p
{
clear: both;
font-style: italic;
font-size: 1em;
margin: 0.1em 0 1em 0;
width: 95%;
}
#code{width: 30px;}
#bt_form{text-align: center;}
/*messages d'information utilisateurs*/
.info
{
text-align: center;
color: #CC0000;
font-weight: bold;
}