body {
  width: 100%;
	margin: 0;
	padding: 0;
	background-color: #272727;
	color: black;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px
}

img {
	border: 0
}

hr {
  height: 1px;
  margin: 0;
  padding: 0;
  color: #3D3D3D;
  background-color: #3D3D3D;
  border: 0
}

h2 {
	font-size: 1.15em;
	color: #FFF;
	font-weight: normal
}

a {
	color: #FFF;
	text-decoration: none
}

* {
  margin: 0;
  padding: 0
}

/*////////////////////////  HAUT   /////////////////////*/

#header-wrap {
	height: 135px;
	background: #000000 url('../template/header-bkg-repeat.jpg') repeat-x
}

#header {
	height: 135px;
	background: url('../template/header.jpg') no-repeat
}

/*////////////////////////  NEWS   /////////////////////*/

#news {
  background: white url('../template/content.jpg') no-repeat ;
  height: 500px;
  margin-left: 10%;
  margin-top: 20px;
  text-align: justify;
  font-size: 11px
  padding: 0;
}

#news_gauche{
  height: 500px;
  width: 50%;
}

.news_gauche{
  text-align: justify;
  font-size: 11px;
  padding: 10px;
}

#news_droite{
  height: 500px;
  width: 50%;
}

.news_droite{
  text-align: justify;
  font-size: 11px;
  padding-left: 10px;
}

.news img {
  background: #fff;
  border: 1px solid #3D3D3D;
  padding: 7px;
}

.news p {
	margin: 13px 0 13px 0
}

#news ul {
	list-style-type: none;
}

.post h1 {
  color: #CC0000;
  display: inline;
  font-size: 14px;
}

.post h1 a {
	color: #000000;
	font-size: 13px;
	font-weight: bold;
	margin: 0 0 20px 0;
	text-decoration: none;
	border-bottom: 1px dotted #999999
}

.infos_post {
  border: solid 1px #000;
  padding: 0 5px 0 5px;
  background: #CC0000;
  color: white
}

/*//////////////////  MENU NAVIGATION   ////////////////*/

#menu_navigation {
  background: #ffffff;
	margin: 0;
	padding: 0;
	height: 23px;
	width: 100%;
}

a.bouton {
	display: block;
	height: 23px;
	width: 86px;
	line-height: 23px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
  color: #fff;  
}

#menu_navigation li a:hover {
	background: url('../template/tab.gif') bottom left
}

#menu_navigation li a.current {
	display: block;
	height: 23px;
	width: 86px;
	line-height: 23px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
  color: #fff;
	background: url('../template/tab.gif') bottom left
}

#menu_navigation ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

#menu_navigation li {
	margin-right: 1px;
	background: url('../template/tab.gif') top left;
	float: right;
}

/*//////////////////////  FOOTER   ////////////////*/

#footer{
  height: 20px;
	background-color:#272727;
	color: #939393;
	padding-bottom: 2em
}

#footer p{
	margin: 0;
	font-size: 0.95em
}

#footer p.copyright{
  float: left;
  padding-left: 5px
}
 
#footer p.attributes{ 
  float: right; 
  padding-right: 5px
}

#footer p.attributes a{
	padding: 0 0 0 1em;
	text-decoration: none;
	color: #525252
}

#footer p.attributes a:hover{
	color: #FFF
}

/*//////////////////  BLOCK HORIZONTAL   ////////////////*/

#bandeau{
  height: 70px;
	background: #272727 url('../template/footer-bkg-repeat.jpg') repeat-x top left
}

#case1_bandeau{
  width: 25%;
}

#case2_bandeau{
  width: 25%;
}

#case3_bandeau{
  width: 25%;
}

#case4_bandeau{
  width: 25%;
}

.block{
	width: 100%;
	margin: 0;
}

.block ul{
	list-style-type: none;
	padding: 0 0 0 0;
	border-top: 1px solid #3D3D3D
}

.block ul li{
	list-style-type: none;
	margin: 0;
	padding: 0.5em 0;
	border-bottom: 1px solid #3D3D3D
}

.block a{
	color: #BFBFBF;
	text-decoration: none
}

.block a:hover{ 
	color: #FFF
}

.block{ 
  margin-top: 0
}

.block li{
	list-style-type: none;
	margin: 0
}

.block h2 {
  margin: 0 5px 5px 0;
	font-size: 1.5em;
	color: #CC0000
}