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

/*	Typographies
---------------------------*/
body {font:62.5%/200% Verdana, Helvetica, Arial, sans-serif; color:#FFFFFF; background:#478016 url("../image/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:#FFFFFF;}
h1 {font-size:3em;}
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; margin-top:10px; border:0; height:1px; background-color:#FFFFFF; color:#FFFFFF; clear:both;}

a:link, a:active, a:visited {color:#478016;}
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
---------------------------*/
tr.zebraHover {background-color: #000000;}
tr.zebra{background-color: #FFFFFF; color: #478016;}
table {margin:1em 0; border-collapse:collapse; font:1em Arial, Helvetica, sans-serif;}
table th{padding:1em; text-align:left;}
table td {padding:1em; padding-top:0; padding-bottom:0; text-align:left;}
table td form{padding:1em; padding-top:0; padding-bottom:0; text-align:left; margin:0; margin-top:0.4px; margin-bottom:0.2px;}
table thead th {background:#234; color:#fff;}
table tbody th {background-color:#111; color:#FFF;}
table tfoot td {text-align:center; background:#111;}

/*	Formulaires
---------------------------*/
form {padding:0; margin:1.5em 0;  width:auto; clear: both;}
form fieldset {border:0; padding:1em; margin:0;}
form fieldset legend {padding:0.4em; width:auto; background:#234; color:#FFF;}
form p label { display:block; margin-right:0px; width:30%;}
form p input,
form p select {padding:0.5em; width:150px; font:1em Tahoma, Arial, Helvetica, sans-serif; border:1px solid #234; background-color:#FFFFFF; color:#478016;}
form p textarea {padding:0.5em; width:300px; font:1em Tahoma, Arial, Helvetica, sans-serif; border:1px solid #234; background-color:#FFFFFF; color:#478016;}
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:975px; }
	div#header {height:300px; background:url("../image/header-fd.jpg") 0px 50px no-repeat;}
	div#contenu {float:right; padding-top:10px; width:480px;padding-right:15px;}
	div#menu {float:left; width:225px;}
	div#menuDroite {float:right; width:225px;}
	div#nav {position:absolute; top:220px; right:240px; display:block; width:480px; }
	div#footer{clear:both; padding:40px 0 100px; background:#FFF url(../image/footer-fd.jpg) top center repeat-x; color:#FF7F00; text-align:center;}

/*	HEADER
---------------------------*/
#header h1 {font-weight:bold; margin:0; padding:120px 0 0 320px;}
#header h1 a {color:#478016; text-decoration:none;}
#header h2 {margin:25px 0 0 0; padding-left:370px; color:#59BC56;}
#header img {position:absolute;top:135px;right:0px;}

/*	MENU
---------------------------*/
div#menu ul {width:auto; padding:10px; margin-bottom:10px; background-color:#FFF; border:2px solid #234;}
div#menu ul img{border:none;}
div#menu p img{margin-left:60px;margin-top:10px;}
div#menu ul h3 { text-align:right; font-weight:bold; padding:0 10px; color:#478016;}
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:#FFF; background-color:#478016;}



div#menuDroite ul {width:auto; padding:10px; margin-bottom:10px; background-color:#FFF; border:2px solid #234;}
div#menuDroite ul img{border:none;}
div#menuDroite ul h3 { text-align:right; font-weight:bold; padding:0 10px; color:#478016;}
div#menuDroite ul li {color:#478016; display:block;list-style:none; padding:2px 0; border-top:1px solid #234; text-align:left; text-decoration:none;}
div#menuDroite ul li.premier {border:none;}
div#menuDroite ul li a {display:block; height:auto; width:auto; text-decoration:none; padding-right:10px; text-align:right;}
div#menuDroite ul li a:hover {color:#FFF; background-color:#478016;}



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

div#moitie  {width:220px;  float:left; border-style:double; border-width:2px; border-color:#FFFFFF; display:block}
div#moitie:hover {background-color:#FFFFFF; color:#478016;}
div#moitie:hover a{color:#478016;}
div#moitie  img{ float:left; padding:2px; border:2px solid #FFFFFF; margin:10px;}
div#moitie2  {width:220px;  float:right; border-style:double; border-width:2px; border-color:#FFFFFF; display:block}
div#moitie2:hover {background-color:#FFFFFF; color:#478016;}
div#moitie2:hover a{color:#478016;}
div#moitie2  img{ float:left padding:2px; border:2px solid #FFFFFF; margin:10px;}
div#tier  {width:147px;  float:left;  margin-top:10px; margin-right:10px; display:block}
div#tier:hover {background-color:#FFFFFF; color:#478016;}
div#tier  img{ float:left; padding:2px; border:2px solid #FFFFFF; margin:4px;}
div#tier a{ text-decoration:none;}



/*	NAV
---------------------------*/
div#nav ul {list-style:none; padding:0; margin-left:100px;}
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:#FFFFFF; text-decoration:none; background:#478016; border:1px solid #000; border-width:2px 2px ;}
div#nav ul li a:hover {background:#FFFFFF; color:#478016;}
div#nav ul li a.active {background:#FFFFFF; color:#478016;}

/*	FOOTER
---------------------------*/
#footer ul li{display:inline; padding-left:10px;text-align:center;}
#footer img{float:none; display:block; }
#footer ul li{margin-left:10px;}