/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

* {
	margin: 0;
	padding: 0;
}

html{
height: 100%;
border: 0;
padding: 0;
margin: 0;
}

body {
	margin: 0;
	padding: 0;
	border: 0;
	background: #e3ddcc url(images/img01.png) repeat-x;
	text-align: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #666666;
	height: 100%;
}

h1, h2, h3 {
	color: #333333;
}

h1, h2 {
	margin-bottom: 20px;
//	font-weight: normal;
}

h1 {
	font-size: 20px;
	border-bottom: 1px solid #dadada
}

h2 {
	font-size: 120%;
}

h3 {
	font-size: 100%;
}

p, ul, ol {
	margin-bottom: 20px;
	line-height: 1.8em;
}

ul, ol {
	margin-left: 3em;
}

blockquote {
	padding-left: 3em;
	background: url(images/img08.gif) no-repeat;
	font-style: italic;
}

a:link {
	color: #000000;
}

a:active {
	color: #666666;
}

a:visited {
	color: #000000;
}

a:hover {
	text-decoration: none;
	color: #666666;
}

img {
	border: none;
}

img.left {
	float: left;
	margin: 0 20px 10px 0;
}

/* Menu */

#menu {
	height: 65px;
	margin: 0 auto;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {
	display: block;
}

#menu_top {
        height: 65px;
        margin: 0 auto;
}

#menu_top ul {
        margin: 0;
        padding: 0;
        list-style: none;
}

#menu_top li {
        display: inline-block;
}

/* Header */

#header {
	height: 170px;
	margin: 0 auto;
	z-index: 50;
}

#header h1 {
	margin: 0;
	padding: 5px 0 0 0;
	background: url(images/img02.jpg) no-repeat;
	font-size: 20px;
}

#header h2 {
	margin: 0;
	background: url(images/img03.jpg) no-repeat;
	padding: 84px 20px 0 0;
}

#header a {
	text-decoration: none;
	font-style: italic;
	font-weight: normal;
	color: #FFFFFF;
}

/* Page */

#page {
	margin-top: 20px;
	min-height: 100%;
	height: auto !important;
	height: 100%
}

/* Content */

#content {
	background: url(images/mid_content.png) repeat-y;	
	margin-left: 0px;
	text-align: justify;
	width: 640px;
	float: left;
	height: 100%;
	z-index: 800;
}

#text_content{
	margin-left: 30px;
	margin-right: 30px;
}

.post {
	margin-bottom: 20px;
	padding: 0 20px;
}

.hr {
	border-bottom: 1px solid #EDEBD5;
}

/* Sidebar */

#sidebar{
	background: url('images/blue-menu-bg.png') no-repeat top left;
	height: 200px;
	float: left;
	width: 227px;
}

#sidebar h2 {
	margin-top: 0px;
	color: #103e3c;
	text-align: center;	
}

#sidebar h3 {
	color: #FFFFFF;
}

#sidebar ul {
	margin: 0;
	list-style: none;
}

#sidebar li {
	display: block;
	width: 197px;
	padding-left: 15px;
}


#sidebar a {
	color: #FFFFFF;
}

#logo img {
	margin-top: -10px; 
	z-index: -1;
}

ul#greenbox{
	margin-top: -4px;
        padding-top: -10px;
	color: white;
}

ul#greenbox li{
	margin-left: 14px;
	padding-left: 5px;
	background-color: #6f9f29;
}

ul#greenbox a:visited,
ul#greenbox a:link,
ul#greenbox a
{
	background-color: #6f9f29;
        text-decoration: none;
        color: white;
        display: block;
}


ul#greenbox a:hover
{
	background-color: #8dc735;
}

ul#orangebox{
	margin-top: -4px;
	padding-top: -10px;
	color: white;
}

ul#orangebox li{
        margin-left: 14px;
        padding-left: 5px;
        background-color: #d75e0e;
}

ul#orangebox a:visited,
ul#orangebox a:link,
ul#orangebox a
{
	background-color: #d75e0e;
	text-decoration: none;
	color: white;
	display: block;
}

ul#orangebox a:hover
{
	background-color: #f18d23;
}

ul#bluebox{
	margin-top: -4px;
        padding-top: -10px;
	color: white;
}

ul#bluebox li{
        margin-left: 14px;
        padding-left: 5px;
        background-color: #03828b;
}

ul#bluebox a:visited,
ul#bluebox a:link,
ul#bluebox a
{
	background-color: #03828b;
	text-decoration: none;
        color: white;
        display: block;
}

ul#bluebox a:hover
{
	background-color: #0db1bd;
}

ul#yellowbox{
	margin-top: -4px;
        padding-top: -10px;
	color: white;
}

ul#yellowbox li{
        margin-left: 14px;
        padding-left: 5px;
        background-color: #6c593d;
}

ul#yellowbox a:visited,
ul#yellowbox a:link,
ul#yellowbox a
{
	background-color: #6c593d;
        text-decoration: none;
        color: white;
        display: block;
}

ul#yellowbox a:hover
{
	background-color: #d2b656;
}

/* Footer */

#footer {
	clear: both;
	height: 100px;
	padding: 25px 0;
	background: #EDEBD5 url(images/img04.gif) repeat-x;
}

#footer p {
	margin: 0;
	text-align: center;
	font-size: 77%;
}

#footer a {
	color: #666666;
}

#photo{
position: absolute;
float: right;
top: 0px;
left: 750px;
clear: right;
z-index: 10000000;
}

#menu 
{			   
  margin    :   0;              /* Marge extérieur nulle */
  padding   :   0px 0px 0;      /* Marge intérieur à 1px sauf pour le bas */ 
  width     :   100%;          /* Largeur de notre liste */
}

#menu li 
{						  
  list-style-type   :  none;            /* Aucunes puces associées */
  margin-bottom     :   0px;            /* Ajout d'une marge en bas */
}

#menu li a
{
  width             :   auto !important; /* Largeur interprétée par tous les navigateurs excepté IE6 et inférieur */						
  width             :   100%;            /* largeur interprétée par IE6 et inférieur */
  text-decoration   :   none;            /* Suppression du soulignement */
  display           :   block;           /* Définition sous forme de block */
}

#menu li a:link
{
  color             :   #fff;            /* Couleur de la police */
}
 
#menu li a:visited
{
  color             :   #fff;            /* Changement de la couleur de la police initiale */
}

#menu li a:active
{
  color             :   #e3e3e3;            /* Changement de la couleur de la police initiale */
}	

div.editable
		{
			border: solid 2px Transparent;
			padding-left: 15px;
			padding-right: 15px;
		}

		div.editable:hover
		{
			border-color: black;
		}

#labelmenu{
}

img.photo1{
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 20px;
	margin-bottom: 10px;
}