/* Css By Zoparg For KitGraphique.net */
/* ********************************** */

body{
	margin: 0;
	padding: 10px 0;
	text-align: center;
	background: #6B000D url(images/design/fond.gif) repeat-x;
	font: 10pt verdana, sans-serif;
}

div#contener{
   margin: 0 auto;
	padding: 0;
	width: 831px;
	background: url(images/design/fd_c.gif) repeat-y;
}

ul,li,form,table,fieldset{
	margin: 0; padding: 0;
}
a img{
	border: none;
}
div.space{
	clear: both;
	font-size: 0pt;
	height: 1px;
}

/* Menu horizontal */
div#menu_head{
	margin: 0;
	padding: 0;
	background: url(images/design/menu_head.gif) no-repeat;
	height: 43px;
	line-height: 43px;
	width: 831px;
}
div#menu_head ul{
	padding: 8px 0 0 10px;
}
div#menu_head ul li{
	list-style-type: none;
	height: 32px;
	line-height: 32px;
	float: left;
}
div#menu_head ul li a{
   padding: 5px 15px;
	text-decoration: none;
	color: #AAAAAA;
	font: bold 12pt "Trebuchet MS";
}
html>body div#menu_head ul li a{
	display: block;
}
div#menu_head ul li a:hover{
	color: #5A8001;
	background: url(images/design/menu_h_hover.gif) repeat-x bottom;
}

/* header */
div#head{
	padding: 0;
	background: url(images/design/head_b.gif) no-repeat bottom;
	width: 811px;
	height: 103px;
}
html * div#head{ margin: 0; }
html>body div#head{ margin: 0 0 0 10px; }

/* Menu vertical gauche */
html * div#menu_left{
	margin: -32px 0 0 9px;
	padding: 0;
	float: left;
}
html>body div#menu_left{
	margin: -36px 0 0 20px;
	padding: 0;
	float: left;
}
div#menu_left div.first_title{
   margin: 0; padding: 0;
}
html>body div#menu_left div.l{
   margin: -5px 0 5px 5px; padding: 0;
	background: #CAF968;
	width: 168px;
}
html * div#menu_left div.l{
   margin: -0px 0 5px 0px; padding: 0;
	background: #CAF968;
	width: 168px;
}
div#menu_left div.end_left{
   margin: -5px 0 0 5px;
	padding: 0;
	border-top: 5px solid #FFF;
	background: url(images/design/end_left.gif) no-repeat;
	width: 168px;
	height: 17px;
}
div#menu_left h3{
	margin: 0;
	padding: 0;
}

/* UL LI */
div#menu_left ul li{
  list-style-type: none;
  width: 168px;
  text-align: left;
}
div#menu_left ul li a{
   padding: 5px 10px;
	text-decoration: none;
	font: 10pt verdana, sans-serif;
	color: #598200;
	display: block;
}
html>body div#menu_left ul li a{
	width: 168px;
}
html * div#menu_left ul li a{
	width: 148px;
}
div#menu_left ul li a:hover{
	background: url(images/design/fd_a_m_l.gif) repeat-y;
	color: #5B7F12;
}

  /* Formulaire de connexion */
  fieldset.form_connect{
  	margin: 0;
	padding: 0;
	border: none;
  }
  fieldset.form_connect table.connect tr td.title{
  	color: #628D09;
	font: bold 10pt "Trebuchet MS";
	letter-spacing: 2px;
  }
  fieldset.form_connect table.connect tr td.input input{
	margin: 0 0 0 4px;
	padding: 2px 0 0 5px;
	background: url(images/design/input_connect.gif) no-repeat;
	font: 10pt verdana, sans-serif;
	width: 110px;
	height: 22px;
	border: none;
	color: #648F07;
  }
  fieldset.form_connect table.bouton{
   margin: 0 0 0 -5px;
  }
  
div#copyright{
	margin: 0 0 0 12px;
	padding: 0px;
	width: 145px;
	color: #8ABD1C;
	font: 8pt verdana, sans-serif;
}

/* Contenu */
/* ******* */
img.image_texte{
   margin: 5px 10px;
	border: 5px solid #9cda1b;
}

div#right_contenu{
	margin: 0 9px;
	padding: 0;
	float: right;
	width: 615px;
}

div#right_contenu h1{
   margin: 10px 0 10px 0;
   padding: 0 0 0 20px;
	font: bold 16pt verdana, sans-serif;
	letter-spacing: 2px;
	text-align: left;
	background: url(images/design/h1.gif) no-repeat;
	height: 34px;
	line-height: 34px;
	color: #70C0E3;
}
html>body div#right_contenu h1{
	width: 615px;
}
html * div#right_contenu h1{
	width: 615px;
}
div#right_contenu h1:first-letter{
  font: bold italic 18pt verdana, sans-serif;
  color: #2394c5;
}

div#right_contenu h2{
   margin: 10px 0 10px 20px;
	padding: 0 0 0 20px;
	font: bold 12pt "Trebuchet MS";
	letter-spacing: 1px;
	text-align: left;
	background: url(images/design/h2.gif) no-repeat;
	color: #8a1a27;
}

div#right_contenu p{
   margin: 5px;
	text-align: justify;
}

/* footer */
html * div#footer{
   margin: 0 auto; padding: 0;
	width: 838px;
	height: 22px;
	background: url(images/design/footer.gif) no-repeat;
}
/* footer */
html>body div#footer{
   margin: 0 auto; padding: 0;
	width: 831px;
	height: 22px;
	background: url(images/design/footer.gif) no-repeat;
}