/*  
Nom du site		: Favicon France
URL du site		: www.favicon.fr
Description		: des centaines d'icônes gratuites pour personnaliser votre site web
Date			: 15/01/2010
Auteur			: www.lagouache.com

COULEURS
--------------------------------------------------
gris foncé fond	#110
kaki			#430
kaki clair		#860
écru			#fed
orange			#f90
*/

/****************************************************
					GENERAL
****************************************************/
/*	RESET
----------------------------------------------------*/
body {padding:0; margin:0; height:100%;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, 
pre, form, fieldset, input, textarea, p, blockquote, th, td {padding:0; margin:0;}
table {border-collapse:collapse; border-spacing:0; font-size:inherit; font:100%;}
ol, ul {list-style:none;}
h1, h2, h3, h4, h5, h6 {font-weight:normal; font-size:100%;}
abbr, acronym, img {border:0;}

/*	STYLES
----------------------------------------------------*/
html {font-size:100%; /* Évite un bug d'IE 6-7. (1) */}
body {
	font:normal normal 12px/150% Arial, Helvetica, sans-serif;
	*font-size:small; *font:x-small;
	background:#110; color:#fed;
}
p {margin-bottom:18px;}
strong {font-weight:bold;}
em {font-style:italic;}

h1, h2, h3, h4, h5, h6 {line-height:normal; margin-bottom:18px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold;}
h1 {font-size:30px;}
h2 {font-size:20px;}
h3 {font-size:16px;}
h4 {font-size:14px;}
h5 {font-size:13px;}
h6 {font-size:12px;}

acronym {cursor:help; border-bottom:1px dotted;}
code {display:block; margin-bottom:18px; padding:10px; font-family:"Courier New", Courier, monospace; border:1px solid #860;}
blockquote {margin-bottom:18px; padding-left:18px; font-style:italic; text-align:justify;}
	blockquote p {margin:0;}

hr {margin:18px 0; border:0; height:1px; background-color:#666; color:#666;}

a:link, a:visited {color:#f90;}
a:hover, a:active {color:#f90; text-decoration:none;}
a:focus {outline:none;}

/*	Listes
*/
ol, ul {margin-bottom:18px;}
ol {list-style:decimal inside;}
ul ul, ol ol {margin-bottom:0; margin-left:18px;}
dl {}
	dt {font-weight:bold;}
	dd {margin:0 0 18px 18px;}

/*	Tableaux
*/
table {margin-bottom:18px; border:1px solid;}
table th, table td {padding:5px; text-align:left;}
table thead th {border:1px solid;}
table tbody th {}
table tbody th, table tbody td {border:1px solid;}
table tfoot td {text-align:center;}

/*	Formulaires
*/
form {margin-bottom:18px;}
form fieldset {padding:10px; margin:0;}
form fieldset legend {padding:2px; width:auto; font-size:14px; border:1px solid;}
form p label {display:block;}
form p input,
form p select,
form p textarea {padding:2px; width:auto; font-family:Tahoma, Arial, Helvetica, sans-serif;}
form ul {}
	form ul li {white-space:nowrap;}
form p.submit input {width:auto; cursor:pointer;}

/*	.classes utiles
*/
.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:#483; border:1px solid #483; background:#bfa; font-style:italic;}
.uppercase {text-transform:uppercase;}
.hidden {display:none;}
.bold {font-weight:bold;}
.italic {font-style:italic;}
.clear {clear:both;}

/****************************************************
					MISE EN PAGE
****************************************************/
div.page {margin:0 auto; width:740px;}
div#header {margin:0 auto; width:740px; height:204px; overflow:auto; border-bottom:2px solid #f90;}
	div#pub728 {margin:10px 0 0; width:740px; height:90px; text-align:center;}
div#container {width:100%; padding:6px 0 30px; overflow:auto; background:#430;}
	div#menu {float:right; width:200px;}
		div#pub200 {margin:0 0 10px; width:200px; height:200px;}
	div#contenu {float:right; margin-right:22px; width:518px;}
		div.pub468 {margin:10px 0;}
div#nav {position:absolute; top:181px; left:50%; margin-left:-364px; display:block; width:728px;}
div#footer {width:100%; overflow:auto;}

/*	HEADER
---------------------------*/
#header h1 {margin:0; margin-top:12px; padding:0; font-weight:bold;}
#header h1 a {text-decoration:none; color:#f90;}
#header h1 a:hover {background:transparent;}
#header h2 {margin:0; padding:0;}
#header p {padding-left:10px; color:#fed;}

/*	MENU VERTICAL
---------------------------*/
#menu ul {padding:0; margin:0; margin-bottom:20px; width:200px;}
#menu ul li {padding:0; list-style:none; text-align:left; border-bottom:1px solid #860;}
#menu ul li h3 {padding:0 10px; margin:0 0 10px; text-align:left; font-weight:bold; border:none;}
#menu ul li a {display:block; margin:2px 0; padding-left:20px; height:auto; width:auto; text-decoration:none; color:#fed; background:url(../images/fleche.gif) left no-repeat;}
	#menu ul li a:hover {background-color:#f90; color:#430;}

/*	CONTENU
---------------------------*/
#contenu h2 {margin:10px 0; padding:0 0 10px; border-bottom:1px solid #860;}
#contenu p {text-align:justify; overflow:auto;}
	#contenu p img {float:left; padding:0; margin:0; border:none;}

ul.listicones {margin:0; margin-bottom:12px; padding:0; list-style:none; overflow:auto;}
ul.listicones li {margin-bottom:0; display:inline;}
ul.listicones li h3 {clear:both; margin:0; margin-bottom:6px; padding:0; font:bold italic 1.4em Arial, Helvetica, sans-serif;}
ul.listicones li a img {float:left; margin:0 5px 5px 0; padding:8px; background:#FFF; border:none;}
ul.listicones li a:hover img {background:#fed;}

dt a {color:#fed;}

form#contact label {display:block;}
form#contact input {width:200px; border:none;}
form#contact textarea {width:514px; height:160px; border:none; overflow:hidden;}
form#contact p.submit {text-align:right;}
	form#contact p.submit input {font-size:16px; padding:3px 6px; width:auto; cursor:pointer; background:#860; color:#110;}
.alert {background:#FF99CC;}
p.erreur {padding:5px; background:#FF9; border:1px solid #f90; color:#f90;}
img.zoom {width:64px; height:64px;}

p#ban88x31 {margin-top:10px; padding-top:10px; border-top:1px solid #860;}
p#ban88x31 img {margin:0 10px 10px 0;}

/*	NAVIGATION HORIZONTAL
---------------------------*/
#nav ul {list-style:none; padding:0; margin:0; font-weight:bold; font-size:12px;}
#nav ul li {display:inline; float:left;}
#nav ul li a {display:block; float:left; padding:3px 15px 0; margin-right:5px; height:22px; text-decoration:none; color:#110; background-color:#f90;}
#nav ul li a:hover {padding:1px 13px 0; color:#fed; background-color:#110; border:2px solid #f90; border-bottom-width:0;}
#nav ul li a.active {padding:1px 13px 0; color:#fed; background-color:#430; border:2px solid #f90; border-bottom-width:0;}

/*	FOOTER
---------------------------*/
#footer ul {margin:6px 0; padding:0; color:#f90;}
#footer ul li {display:inline; padding-left:10px; margin-right:10px; border-left:1px solid #f90;}
#footer ul li a {color:#f90; text-decoration:none;}
#footer div.page {border-top:2px solid #f90;}