/***************************
	MISE EN PAGE
 ***************************/
/*	#div
---------------------------*/
.page {position:relative; margin:0 auto; width:940px;}
#header {height:360px; }
	#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; margin-left:20px; margin-top:20px; padding-left:19px; width:180px; border-left:1px solid #CC7;}
#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:40px; background:#EEB; overflow:auto; border:1px solid #FFE; border-width:1px 0;}
	#encarts {float:left; margin-top:60px; width:300px;}
	#textes {float:left; margin-left:20px; width:620px;}
#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; line-height:18px;}
#bienvenue h2 { border:none;}
#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:200px; border-bottom:1px solid #CC7;}
	#menu ul li a {display:block; padding:2px 0 2px 10px; width:190px; border:none; color:#FFE; font-size:1.2em; background:url("../images/site/menu-puce.gif") left no-repeat; font-weight:bold;}
	#menu ul li a:hover {background-color:#440;}
	#menu ul li.last {border:none;}

/*	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.notabene {font-size:small; line-height:1em; font-style:italic;}
#textes p.message {padding:10px; border:1px solid #FFE; background:#990; color:#FFE;}

/*	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;}