/*###################################
#	Un Chef Chez Vous				#
#	=============================	#
#	Lagouache.com					#
#	© 2008							#
###################################*/

/* couleurs
#990 : Vert fond bandeau et footer
#EEC : vert tendre fond du site 
#400 : rouge sombre textes
#440 : vert foncé titres
#FFE : vert très pale (encarts, bords photo, menu)
#CC7 : vert pale lignes du menu
*/


/***************************
	GENERAL
 ***************************/
body {margin:0; padding:0; height:100%; font:75%/200% Arial, Helvetica, sans-serif; background:#990; color:#400;}
h1, h2, h3, h4, h5, h6 {margin:0; margin-bottom:.6em; padding:0; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; color:#440;}
h1 {font-size:2.6em;}
h2 {font-size:2.2em;}
h3 {font-size:2em;}
h4 {font:bold 1.6em Arial, Helvetica, sans-serif; color:#600;}
h5, h6 {clear:both; font:bold 1.4em Arial, Helvetica, sans-serif;}
p {margin:0.5em 0;}
acronym {cursor:help; border-bottom:1px dashed;}
code {display:block; margin:0 0 1em; padding:1em; font:0.9em "Courier New", Courier, monospace; border:1px dashed;}
blockquote {margin:1em 0; padding:0 0 0 10px; font-size:1em; font-style:italic; text-align:justify; border-left:1px dotted;}
blockquote p {margin:0; padding:0;}

hr {clear:both; margin:1em 0; border:0; height:1px; background-color:#440; color:#440;}

a:link, a:active, a:visited {color:#400; text-decoration:none; border-bottom:1px dotted;}
a:hover {text-decoration:none; border-bottom:1px solid;}
a:focus {outline:none;}

ol, ul {margin:1em; padding:0; padding-left:10px;}
ul ul, ol ol {margin-bottom:0;}
ul {list-style:square inside;}
ol {list-style:decimal inside;}
dl {margin:0 0 1em; padding:0;}
	dt {float:left; margin-right:10px; font-weight:bold; font-size:1.2em;}
	dd {margin:0 0 .5em 2em;}

/***************************
	DIVERS
 ***************************/
/*	Tableaux
---------------------------*/
table {margin:1em 0; border:1px dashed #666; border-collapse:collapse; font:1em Arial, Helvetica, sans-serif;}
table th, table td {padding:1em; text-align:left;}
table thead th {}
table tbody th {}
table tbody th, table tbody td {border:1px dashed; border-width:1px 0;}
table tfoot td {text-align:center;}

/*	Formulaires
---------------------------*/
form {float:right; padding:0; margin:1.5em 0; width:620px; }
form fieldset {border:0; padding:1em; margin:0;}
form fieldset legend {padding:0.4em; width:auto;}
form p label {float:left; display:block; margin-right:10px; width:180px; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.2em;}
form p input,
form p select,
form p textarea {padding:0.5em; margin:0; border:1px solid #CC7; width:400px; font:1em Tahoma, Arial, Helvetica, sans-serif;}
form p textarea {height:120px;}
form p select {width:63.5%;}
form ul {margin:0 0 0 33%; padding:0; list-style-type:none;}
form ul li {padding:0 30px 5px 0; white-space:nowrap;}
form input.bouton {float:right; padding:0.4em 0.5em; border:0; width:auto; overflow:visible; cursor:pointer; font-size:1.3em; color:#FFE; background:#990;}
form input.alert, form textarea.alert {border-color:#900;}

/***************************
	MISE EN PAGE
 ***************************/
/*	#div
---------------------------*/
.page {position:relative; margin:0 auto; width:940px;}
#header {height:120px;}
	#lang {float:right; width:320px; text-align:right;}
	#facebook {clear:both; float:right; width:320px; text-align:right; background:#0033CC;}
	#bienvenue {float:left; display:inline; margin-left:320px; padding-top:20px; width:380px;}
	#menu {float:left; width:300px;}
#diapo {position:absolute; top:140px; left:0; width:300px; height:320px; background:#FFE url("../images/site/encarts-ombre.jpg") bottom no-repeat;}
#contenu {clear:left; padding-bottom:20px; padding-top:20px; background:#EEB; overflow:auto; border:1px solid #FFE; border-width:1px 0;}
	#textes {float:left; margin-left:20px; width:620px;}
	#encarts {margin-top:20px; width:300px;}
#footer {clear:left;}

/*	HEADER
---------------------------*/
#header h1 {
display:block; float:left; padding:0; width:300px; height:120px; background:#600;
margin:0; font:1.8em Georgia, "Times New Roman", Times, serif; font-style:italic;}
#header h1 strong {display:block; font:.6em Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#FFE; font-style:normal;}
#header h1 a {display:block; padding:40px 0 0 60px; width:240px; height:80px; color:#EEB; border:none; background:url(../images/site/toque.jpg) left no-repeat; }

#header h2 {margin:0;}

#lang a {padding:5px 0 5px 35px; border:none; text-decoration:underline;}
#lang a.FR {background:url("../images/site/lang-puce_FR.png") left no-repeat;}
#lang a.EN {background:url("../images/site/lang-puce_EN.png") left no-repeat;}
#lang a.RU {background:url("../images/site/lang-puce_RU.png") left no-repeat;}
#lang a:hover {text-decoration:none;}

#diapo img { padding:20px;}

#bienvenue p {color:#FFE; text-align:justify;}

/*	CONTENU
---------------------------*/
#encarts div.encart {padding:10px; padding-bottom:25px; background:#FFE url("../images/site/encarts-ombre.jpg") bottom no-repeat;}
#encarts div.encart img {float:left; margin-right:10px; width:60px; height:auto;}
#encarts p.more {text-align:right;}

#textes p {font-size:1.2em; margin-bottom:1em; text-align:justify;}
	#textes p.center {text-align:center;}
#textes p.notabene {font-size:small; line-height:1em; font-style:italic;}
#textes p.message {padding:10px; border:1px solid #FFE; background:#990; color:#FFE;}
#textes ul {font-size:1.2em;}
#textes img {float:left; margin:0 10px 10px 0; border:5px solid #FFE;}
#textes .nostyle {float:none; border:none; margin:0; text-decoration:none;}
#textes h4 {clear:both; font:bold 1.8em Arial, Helvetica, sans-serif; color:#600; border-bottom:1px dotted; padding-bottom:.2em;}

#menu ul {margin:0; padding:0; color:#FFE; list-style:none; list-style-position:outside; }
#menu ul li {padding:0; margin:0; display:block; width:300px; border-bottom:1px solid #CC7;}
#menu ul li a {display:block; padding:8px 0 8px 10px; width:290px; border:none; color:#440; font-size:1.6em; background:url("../images/site/menu-puce.gif") left no-repeat;}
#menu ul li a:hover, #menu ul li a.active {background-color:#CC7;}
#menu ul li.last {border:none;}

#paypal form {margin-bottom:50px;}
#paypal form input.commander {cursor:pointer; width:auto; margin-left:190px;}
/*	FOOTER
---------------------------*/
#footer ul.copy {display:block; float:left; margin:0; margin-top:-20px; padding:20px; width:260px; background:#600; color:#FFE; list-style:none; font-size:.9em;}
#footer ul.copy a {color:#FFE;}

#footer ul.liens {display:block; float:right; margin:0; margin-top:5px; padding:0; width:620px; color:#FFE; list-style:none; font-size:.9em;}
#footer ul.liens li {float:right; padding-left:5px;}
#footer ul.liens li a {font-size:.9em; padding-left:5px; border:none; border-left:1px dotted;}
#footer ul.liens li a:hover {text-decoration:underline;}

/*	classes
---------------------------*/
.justify {text-align:justify;}
.center {text-align:center;}
.right {text-align:right;}
.error {padding:10px 5px; color:#F00; border:1px solid #F00; background:#FCC; font-style:italic;}
.message {padding:10px 5px; color:#060; border:1px solid #060; background:#9F9; font-style:italic;}
.uppercase {text-transform:uppercase;}
.hidden {display:none;}
.bold {font-weight:bold;}
.italic {font-style:italic;}
.clear {clear:both;}
.width-auto {width:auto;}

/*	#div
---------------------------*/

/*	CONTENU
---------------------------*/