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

body {
	margin: 0;
	padding: 0;
	background: #000000 /* url(images/img01.gif) repeat-x */;
	font-family: Tahoma, Helvetica, sans-serif;
	color: #808080; 
}

form {
	margin: 0;
	padding: 0;
}

fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

input, textarea, select {
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 0.9em;

}

h1, h2, h3 {
	text-transform: lowercase;
	font-family: "Franklin Gothic Medium", Tahoma, sans-serif;
	font-weight: normal;
	color: #E6E6E6;

}

h1 {
	letter-spacing: -1px;
	font-size: 1.5em;
}

h2 {
	font-size: 1.2em;
}

h3 {
	font-size: 0.8em;
	font-weight: bold;
}

p, ul, ol {
	margin-bottom: 0.2em;
	line-height: 180%;
	color: #cccccc;   /* a l rigine : rien */
	font-family: "Franklin Gothic Medium", Tahoma, sans-serif;
	font-size: 16px;
}

p {
}

blockquote {
	font-style: italic;
}

ul {
}

ol {
}

a {
	color: #FA9C39;
}

a:hover {
	text-decoration: none;
}

small {
}

hr {
	display: none;
}

img {
	border: none;
}

img.left {
	float: left;
	margin: 0 15px 0 0;
}

img.right {
	float: left;
	margin: 0 0 0 15px;
}

#top {
   margin: 0 auto;	
	width: 980px;
	height: 205px;	
	text-align: left;
	background: url('images/img03.gif') no-repeat top;
}

#top_cn {
   margin: 0 auto;	
	width: 980px;
	height: 205px;	
	text-align: left;
	background: url('images/img03_cn.gif') no-repeat top;
}

#logo {
	width: 980px;
	height: 100px;
	margin: 0 auto;
	padding: 60px 0 0 0;
}

#logo h1, #logo p {
	margin: 0;
	float: left;
	color: #FFFFFF;
}

#logo h1 {
	padding-left: 40px;
	background: url('images/logo13.gif') no-repeat left center;
	font-size: 4em
}

#logo p {
	padding: 3px 0 0 5px;
	font-size: 1.4em;
}

#logo a {
	text-decoration: none;
	text-transform: lowercase;
	color: #FA9C39;
}

/* Menu */

#menu {
	margin: 30px auto;
	/* width: 900px;  */
	 width: 1024px;  
	height: 50px;	
}

#menuLeft {
	float: left;
	width: 23px;
	height: 50px;
	/* background: url(images/rond_g.jpg) no-repeat left; */
}

#menumenu {
	                      /*  float: left;    
	width: 23px;
	height: 50px;   */

	/* background: url(images/rond_g.jpg) no-repeat left; */
}

#menuCent {
	float: left;
	/* width: 854px; */
			 width: 1024px;  
	background: url('images/trait_img07.gif') repeat-x top;
}

#menuRight {
	float: right;
	width: 23px;
	height: 50px;
	/*  background: url(images/rond_d.jpg) no-repeat right; */
}

#menuCent ul {
	list-style: none;	
}

#menuCent ul li{    
    float: left;	 
}

#menuCent ul li a {
	display: block;
	float: left;
	padding: 0 25px;
	font-family: "Franklin Gothic Medium", Tahoma, sans-serif;                 /* 0.8em/1.6em */ 
	text-decoration: none;
	color: #FA9C39;
	border-right: 1px solid #000000;
}

#menuCent ul li a:hover {
	text-decoration: none;
	color: #00EEEE;                       /* #D2691E; */
	background: url('images/menu_over.gif');
	border-right: 1px solid #000000
}  

#menuCent ul li a.firstItem {
	border-left: 1px solid #000000;
}

#menuCent ul li a.firstItem:hover {
	border-left: 1px solid #000000;
}

/* Page */

#page {
	width: 980px;
	margin: 0 auto;
	padding: 1px 0;    /* padding: 40px 0; */
}

/* Content */

#content {
	float: left;

	width: 980px; 
/*	width: 660px;   */
	padding-top: 8px;
}

.post {
	text-align: justify;
}

.post .title {
	margin: 0;
	border-bottom: 1px solid #1A1A1A;
}

.post .meta {
	margin: 0;
	padding-left: 6px;
	background: url('images/img05.gif') no-repeat left center;
	color: #404040
}

.post .meta a {
	color: #404040;
}

.post .entry {
	padding: 20px;
}

.post .more {
	text-align: right;
}

.post .more a {
	padding-left: 15px;
	background: url('images/img06.gif') no-repeat left center;
	text-decoration: none;
	font-weight: bold
}

.post .more a:hover {
	text-decoration: underline; 
}

.post .zoom p {
  /*     text-align:center;   */
	text-align:left;
}
.post .zoom img {
	
	width:210px;
}
.post .zoom img:hover {
	
	width:600px;
}


.imagette { 
}

.imagette img {
	display: block;
   	margin-left: auto;
  	margin-right: auto 
	      }

.image {
	text-align: justify;
}

.image .title {
	margin: 0;
	border-bottom: 1px solid #1A1A1A;
}

.image .meta {
	margin: 0;
	padding-left: 6px;
	background: url('images/img05.gif') no-repeat left center;
	color: #404040
}

.image .meta a {
	color: #404040;
}

.image .entry {
	padding: 20px;
}

.image .more {
	text-align: right;
}

.image .more a {
	padding-left: 15px;
	background: url('images/img06.gif') no-repeat left center;
	text-decoration: none;
	font-weight: bold
}

.image .more a:hover {
	text-decoration: underline;
}

.vline {
	border-bottom: 1px solid #00FF00;                   /* #1A1A1A;  */
}


.zoom {
  /* height:400px; */
margin: 0;
}
.zoom img {
width:210px;
}
.zoom img:hover {
width:600px;
}


/* Sidebar */

#sidebar {
	float: right;
	width: 300px;
}

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

#sidebar li {
	margin-bottom: 20px;
	background: #1A1A1A;
	border: 5px solid #050505;
}

#sidebar ul li a:hover {
	text-decoration: none;
	color: #00EEEE;                       /* #D2691E; */
	background: url('images/menu_over.gif');
	border-right: 1px solid #000000
}  

/*       #sidebar li ul {
	padding: 20px;
}    */

#sidebar li li {
	margin: 0;
	background: none;
	border: none;
}

#sidebar li li a {
	padding-left: 15px;
	background: url('images/img08.gif') no-repeat left center;
	text-decoration: none
}

#sidebar li li a:hover {
	text-decoration: none; /*  text-decoration: underline; */
}

#sidebar h2 {
	height: 30px;
	margin: 0;
	background: #BAD08B url('images/trait_img07.jpg') repeat-x;
	letter-spacing: -1px;
	letter-spacing: -1px;
	font-size: 1.4em;
	color: #000000; padding-left:10px; padding-right:0; padding-top:10px; padding-bottom:0
}


/* Footer */

#footer {
	clear: both;
	height: 100px;
	padding: 20px;
	background: #1A1A1A;
	border-top: 10px solid #050505;
/*	color: #FF0000;  */ /* a l rigine : rien */  
	font-family: "Franklin Gothic Medium", Tahoma, sans-serif;
	font-size: 12px;

}

#footer p {
	margin: 0;
	text-align: center;
	color: #444444;
}

#footer a {
	color: #444444;
}

/*   img.centered {
   display: block;
   margin-left: auto;
   margin-right: auto }

img.left {
   display: block;
   margin-left: +200px;
   margin-right: auto }


img.rigth {
   display: block;
   margin-left: auto;
   margin-right: -200px }   */


.tableau {
     position: relative; 
     
     top: -0px;      /* 66%  250% bizard mais sans -0xp la barre est trop bas */
     width: 1024px;
     height:31px;  /*  120px */
     	font-family: "Franklin Gothic Medium", Tahoma, sans-serif;
	


 /*  border: 1px solid #FFFFFF;  pour voir la boite */
     }