/*###################################
#	PLEINE LUNE						#
#	=============================	#
#	Un kit graphique				#
#	Zwatla.com + Lagouache.com		#
#	© 2008							#
###################################*/

/* couleurs
#000 : fond du site
#CCE5FF : texte principal bleu clair


/***************************
	GENERAL
 ***************************/
body {margin:0; padding:0; height:100%;}

/*	Typographies
---------------------------*/
body {font:62.5%/200% Verdana, Helvetica, Arial, sans-serif; color:#CCE5FF; background:#000 url("../images/body-fd.jpg") top center repeat-x;}
h1, h2, h3, h4, h5, h6 {margin:.6em 0; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; color:#369;}
h1 {font-size:2.4em;}
h2 {font-size:2.0em;}
h3 {font-size:1.6em;}
h4 {font-size:1.4em;}
h5, h6 {font-size:1.2em;}
p {font-size:1.2em; margin-bottom:0.8em;}
acronym {cursor:help; border-bottom:1px dotted;}
code {display:block; margin:0 0 1em; padding:1em; font:1.1em "Courier New", Courier, monospace; border:1px dashed #234; background:#111;}
blockquote {margin:1em 0; padding:0 0 0 16px; font-size:1em; font-style:italic; text-align:justify; border-left:4px solid #234;}
blockquote p {margin:0; padding:0;}

hr {margin:2em 0 0; border:0; height:1px; background-color:#234; color:#234;}

a:link, a:active, a:visited {color:#FF7F00;}
a:hover {text-decoration:none; color:#369;}

/*	Images
---------------------------*/
img {float:left; margin-right:10px;}

/*	Listes
---------------------------*/
ol, ul {margin:0 0 1em 1em; padding:0;}
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 {font-weight:bold; color:#FFF;}
	dd {margin:0 0 1em 2em;}

/*	Tableaux
---------------------------*/
table {margin:1em 0; border:1px solid #234; border-collapse:collapse; font:1em Arial, Helvetica, sans-serif;}
table th, table td {padding:1em; text-align:left;}
table thead th {background:#234; color:#fff;}
table tbody th {background-color:#111; color:#FFF;}
table tbody th, table tbody td {border:1px solid #234; border-width:1px 0;}
table tfoot td {text-align:center; background:#111;}

/*	Formulaires
---------------------------*/
form {padding:0; margin:1.5em 0; border:1px solid #234; width:auto;}
form fieldset {border:0; padding:1em; margin:0;}
form fieldset legend {padding:0.4em; width:auto; background:#234; color:#FFF;}
form p label {float:left; display:block; margin-right:10px; width:30%;}
form p input,
form p select,
form p textarea {padding:0.5em; width:60%; font:1em Tahoma, Arial, Helvetica, sans-serif; border:1px solid #234; background-color:#111; color:#FF7F00;}
form p select {width:63.5%;}
form ul {margin:0 0 0 33%; padding:0; list-style-type:none; color:#FF7F00;}
form ul li {padding:0 30px 5px 0; white-space:nowrap;}
form input.bouton {padding:0.4em 0.5em; border:0; width:auto; overflow:visible; cursor:pointer; font-size:1.3em; background:#FF7F00; color:#fff;}

/***************************
	MISE EN PAGE
 ***************************/
/*	.classes
---------------------------*/

/*	#div
---------------------------*/
div#page {position:relative; margin:0 auto; width:740px; }
	div#header {height:300px; background:url("../images/header-fd.jpg") top left no-repeat;}
	div#contenu {float:right; padding-top:10px; width:480px;}
	div#menu {float:left; width:225px;}
	div#nav {position:absolute; top:250px; right:0; display:block; width:480px; border-bottom:2px solid #234;}
	div#footer{clear:both; padding:40px 0 100px; background:#234 url(../images/footer-fd.jpg) top center repeat-x; color:#FF7F00; text-align:center;}

/*	HEADER
---------------------------*/
#header h1 {font-weight:bold; margin:0; padding:120px 0 0 190px;}
#header h1 a {color:#FF7F00; text-decoration:none;}
#header h2 {margin:10px 0 0 0; padding-left:260px; color:#CCE5FF;}

/*	MENU
---------------------------*/
div#menu ul {width:auto; padding:10px; margin-bottom:10px; background-color:#000; border:2px solid #234;}
div#menu ul h3 { text-align:right; font-weight:bold; padding:0 10px;}
div#menu ul li {list-style:none; padding:2px 0; border-top:1px solid #234; text-align:right;}
div#menu ul li.premier {border:none;}
div#menu ul li a {display:block; height:auto; width:auto; text-decoration:none; padding-right:10px; }
div#menu ul li a:hover {color:#000; background-color:#FF7F00;}

/*	CONTENU
---------------------------*/
#contenu img {float:left; padding:2px; border:2px solid #234; margin-right:10px;}
#contenu p {text-align:justify;}
#contenu p.date {font-size:0.8em; color:#FF7F00; margin:0; padding-left:15px; background:url("../images/fleche.png") left no-repeat;}

/*	NAV
---------------------------*/
div#nav ul {list-style:none; padding:0;}
div#nav ul li {display:inline;}
div#nav ul li a {display:block; float:left; padding:8px 15px; margin-right:5px; font-weight:bold; color:#CCE5FF; text-decoration:none; background:#000; border:1px solid #234; border-width:2px 2px 0;}
div#nav ul li a:hover {background:#FF7F00; color:#234;}
div#nav ul li a.active {background:#234; color:#FF7F00;}

/*	FOOTER
---------------------------*/
#footer ul li {display:inline; padding-left:10px; border-left:1px dotted;}
#footer ul li {margin-left:10px;}