/*****************
 * Classes principales
 *****************/
body {
  background:#FFFFFF url("/img/bg.jpg") repeat-x;
  margin: 0 ;
  font:0.8em Arial;
  text-align:left;
  height: 100%;
  color:#000;
}



/*****************
 * Global style definition
 *****************/
body,p,h1,h2,h3,h4,h5,h6 {display:block}
img {
   border: 0;
}
a {
  font-weight:bold;
  text-decoration: none;
  color:#3D3E43;
}
a:hover {
   text-decoration: underline;
}
p {
   text-align:justify;
}
hr {
  border: none 0;
  border-top: 1px solid #dddcea;/*the border*/
  height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
}



/*****************
 * Blocks definition
 *****************/
div#conteneur {
   width: 1036px ;
   margin: 0 auto ;
   padding: 0;
   text-align: left ;
   background: #EEEEEE url("/img/bg_conteneur.jpg") repeat-y top;
}
div#header {
   height: 301px;
   width: 1024px ;
   margin: 0 auto;
   padding: 0;
   text-align: left ;
   background: #EEEEEE url("/img/bg_header.jpg") repeat-y top;
}



/*****************
 * Sous Blocks definition
 *****************/
/* search bar */
div#search {
   width: 1000px;
   height: 40px;
   margin:0 12px 0 12px;
   padding:0;
   text-align: right;
   background: #EEEEEE url("/img/bg_search.jpg") repeat-y top;
}
div#search form {
   padding:0;
   margin:0;
   padding-top:7px;
   margin-right:70px;
}
/* city logo */
h1#logo {
   width: 1020px;
   height: 110px;
   margin:0 2px 0 2px;
   background: #ffa801 url("/img/o_bg_titre.jpg") repeat-y top;
}
h1#logo a {
   width: 560px ;
   height: 100px ;
   display: block ;
   position: relative ;
   left: 30px ;
   top: 0px ;
   text-indent: -5000px ;
}
/* city photos */
div#photos {
   width: 1020px;
   height: 130px;
   margin:0 2px 0 2px;
   background: #ffa801 url("/img/bg_photo_1.jpg") repeat-y top;
}
/* top of main menu */
div#menutop {
   width: 1000px;
   height: 21px;
   margin:0 12px 0 12px;
   background: #ffa801;
}
/* main menu */
div#menu {
   width: 1000px;
   height: 30px;
   margin:0 18px 0 18px;
   background: #3d3e43;
}
/* left bar (sub menu) */
div#left {
   width:210px;
   float:left;
   padding:0;
   margin:0;
   padding-left:18px;
   padding-right:15px;
   padding-top:20px;
}
/* main content */
div#content {
   padding:0;
   margin:0;
   margin-left: 236px;
   margin-right: 201px;  
   /*padding-left: 236px;*/
   /*padding-right: 201px; */ 
   height: auto;
   min-height:390px;
}
/* right bar (agenda) */
div#right {
   float:right;
   width:165px;
   margin:0;
   padding-top:20px;
   padding-right:18px;
   padding-left:15px;
   color: #707070;
}
/* footer */
div#footer {
   width: 1000px;
   margin:10px 18px 0 18px;
   height:197px;
   background: #FFFFFF url("/img/o_bg_footer.jpg") no-repeat top;
}
/* copyright */
div#copy {
   width: 1000px;
   text-align:center;
}



/*****************
 * Main Menu definition
 *****************/
div#menu ul {
   margin:0;
   padding:0;
   list-style-type: none;
}
div#menu li {
   float: left;
   text-align: center;
   background: #2e2f34;
}
div#menu li a {
   line-height: 30px;
   padding:0 15px 0 20px;
   font-weight: bold;
   font-size: 1em;
   color: #fff;
   display: block;
   border-right: 1px solid #3d3e43;
}
div#menu li a:hover {
   text-decoration:none;
   background: #ffa801;
}
#selected{
   background-color: #ffa801;
}



/*****************
 * Left bar definition
 *****************/
div#left img {
   border: 1px solid #e0e0e0;
   padding: 3px;
}
div#left p{
   margin-top:0;
   text-align:right;
}
div#left h1 {
   font-size:10pt; 
   color:#FFF; 
   padding:6px;
   margin:1px; 
   background-color:#ffa801;
}
div#left ul{
   margin:0;
   padding:0;
   list-style-type: none;
}
div#left li{
   padding-top:0;
   padding-bottom:0;
}
div#left li a{
   display: block;
   padding:4px; 
   padding-left:6px;
   margin-bottom:1px;
   margin-left:1px;
   margin-right:1px;
   font-weight: normal;
   background-color:#d77d02;
   color:#FFF;
}
div#left li a:hover{
   background-color: #ffa801;
   text-decoration:none;
}
.leftselected {
   font-weight:bold;
}


/*****************
 * Right bar definition
 *****************/
div#right h1 {
  font-size:10pt; 
  color:#FFF; 
  padding:6px;
  margin:1px; 
  margin-bottom:5px;
  background-color:#ffa801;
}
div#right h2 {
  font-size:1em; 
  padding:0;
  margin:0;
  color:#f98403;
}
div#right a{
  color:#f98403;
}
div#right p{
   margin-top:0;
   margin-bottom:0;
}



/*****************
 * Content definition
 *****************/
div#content p {
  margin:0; 
  width:575px;
  padding:0 0 0 5px;
  text-align:justify;
}
div#content h1 {
  font-size:1.2em; 
  padding:15px 5px 5px 15px;
  margin-left:0;
  background: url(/img/o_marker2.gif) 0 20px no-repeat; 
  margin-left:10px;
}  
div#content h2 {
  font-size:1em; 
  text-align:left;
  padding:10px 5px 0px 5px;
  margin:0;
  color:#f98403;
}
div#content table{
  border:none;
  margin-left:5px;
  width:97%;  
  margin-right:auto;
  text-align:justify;
}
div#content th{
  color:#3d3e43;
  font-size:1.1em; 
  background:url(/img/o_bg_title.gif) #fbf1e3;
}

.photo_maire{
  float:left;
  padding:0px 15px 5px 20px;
}
.center{
  padding-left:150px;
}



/*****************
 * Calendar definition
 *****************/
div#calendar {
   font-family:arial;
   font-size:0.95em;
   background-color: #FFFFFF;
}
div#calendar table {
   font-size:1em;
   background-color:#EFEFEF;
   width:0;  
   margin:auto;
   text-align:justify;
}
div#calendar th {
   background:url(/img/o_bg_title.gif) #f9f8f1;
}
div#calendar td {
   background-color:#FFF;
   text-align:right;
   font-size:0.9em;
   color:#BBB;
}
div#calendar a {
  color:#f98403;
}



/*****************
 * Footer definition
 *****************/
div#footer p{
   float:right;
   padding-right:100px;
   padding-top:50px;
   color:#f8f9fd;
}
div#footer a{
   color:#f8f9fd;
}



/*****************
 * Tableaux de données
 *****************/
.agenda{
  border:none;
  background-color:#000000;
  width:500px;
  margin-left:auto;
  margin-right:auto;
}
.sep{
  background:#FFFFFF;
}