/*#############################################################
Name: Dirtylicious
Date: 2007-03-10
Description: A soft-colored, bright and somewhat dirty two-column template.
Author: Viktor Persson
URL: http://templates.arcsin.se

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

/* standard elements */
html {min-height: 100%;}

* {margin: 0; padding: 0;}
a {color: #048; text-decoration: none}
a:hover {color: #06C; text-decoration: none}

body {background: #fff7d3 url('img/fondpage-haut.jpg') no-repeat center top; color: #444; font: normal 62.5% Tahoma,sans-serif; padding-top: 64px; background-image: url(img/fondpage-haut.jpg)}

p {padding-bottom: 1.2em; text-align: justify; text-indent: 3em}
code {padding-bottom: 1.2em; text-align: justify;}
li {list-style: disc; text-align: justify;}

h1 {font: bold 1.9em Tahoma,sans-serif; color: maroon; padding-top: 10px; margin-bottom: 30px;}
h2 {font: bold 1.2em Tahoma,sans-serif; color: #CC3300; padding-top: 6px; margin-bottom: 30px;}
h3 {font: bold 1em Tahoma,sans-serif; color: black; margin-bottom: 20px;}

form,input {margin: 0; padding: 0; display: inline;}
td {padding: 0.3em 0.3em 0.3em 0.3em;}

/* misc */
.clearer {clear: both; font-size: 0;}
.left {float: left;}
.right {float: right;}

/* structure */
.inner-container {border: 2px solid #D7D7D2; background: #FFF; font-size: 1.2em; margin: 0 auto; padding: 10px;	width: 850px;}
.outer-container {background: url('img/fondpage-bas.jpg') no-repeat center bottom;	padding-bottom: 64px;}

/* ENTETE & TITRE */
.entete {background: url(img/entete.jpg) transparent; height: 160px; margin-bottom: 5px; text-align: center}
.entete .title {color: #FFF; padding-top: 50px;}
.entete .title .sitename a {color: #FFF; font: normal  bold 3em tahoma,sans-serif; padding-bottom: 2px; text-decoration: none}
.entete .title a:hover {border-color: #F60;}
.entete .title .slogan {font: normal 1.1em Tahoma,sans-serif; padding-top: 6px;}

/* INDICATEUR DE SITUATION DANS LE SITE */
.path {background: #fee3b8; color: lightslategray; font: normal 0.9em Tahoma,sans-serif; padding: 3px 2px}
.path a {color: lightslategray; text-decoration: none}
.path a:hover {color: lightslategray;	text-decoration: underline;}

/* FOND DE PAGE TEXTE & NAVIGATION */
.main {background: url(img/back-main.gif) repeat-y; border-top: 4px solid #FFF; padding: 8px 12px 0 0;}

/* CONTENU TEXTE */
.content {float: right;	width: 630px;}
.content .descr {color: #664; font-size: 0.9em; margin-bottom: 6px;}
.content li {margin-left: 18px;}
.content p {font-family: Tahoma,sans-serif;} 
.content blockquote {margin-left: 25px;}

/* MENU NAVIGATION */
.navigation {float: left; width: 185px;}
.navigation h2 {color: #800000; font: bold 1.2em; line-height: 30px; margin: 0; padding-left: 3px; font-family: cursive}
.navigation ul {padding: 0;	border-top: 1px solid #EAEADA;}
.navigation li {font-size: 1em; border-bottom: 1px solid #EAEADA;}
.navigation li a {font-size: 1em; color: firebrick; display: block; padding: 2px 0 2px 5%; width: 95%;}
.navigation li a:hover {background: #E0E0DB; color: firebrick}

/* PIED DE PAGE */
.piedpage {background: #949490; color: #F7F7F2; font: bold 0.8em Tahoma,sans-serif; margin-top: 5px; padding: 5px 5px}
.piedpage a {color: #F7F7F2; text-decoration: none;}
.piedpage a:hover {color: #FFC;}