* {
   margin:0;
   padding:0;
   }
 	 
body {
      font-family:Verdana, sans-serif;
      font-size:10px;
	  background:url(imgs/bg.jpg);
	 }

#cadre {
        margin: 0 auto;
        width: 749px;
       }	
a img
{
border:0;
}


.fichedjs
{
 float:left;
 width:200px;
 margin: 0 0 10px 10px;
 padding:5px;
 border:1px dotted #000;
}
.fichedjs h3:hover
{
 background-color:#ededed;
}
.fichedj
{
 float:left;
 width:485px;
 margin: 0 0 10px 10px;
 padding:5px;
 border:1px dotted #000;
}
ul { 
	list-style-type:none;
	list-style-position:outside;
	}
.menudj {float:left;width:225px}

.menudates
{
 float:left;
 width:200px;
 margin: 0 0 10px 10px;
 padding:5px;
 border:1px dotted #000;
}
.menudates h3:hover
{
 background-color:#ededed;
}
.menudates li {padding:4px 0 0 0;}

h1 {
	font-size: 1px;
	height: 90px;
	width:749px;
	text-indent: -2000px;
	background:url(imgs/tt_header.png);
   }
h2
{
 text-align:center;
 padding:.7em 0;
 border-bottom:1px dotted #333;
}

h4.fleche{
margin-top:2px;
  font-size:11px;
  background:transparent url(imgs/fleche.png) 0 7px no-repeat;
  text-indent:13px;
  padding:3px 0;
}
#menu {
	   float:right; 
	   background-image:url(imgs/bg_menu_ttx.png);
	   background-repeat:no-repeat;
 	   height:22px;
	   width:505px;
	   padding:5px 10px 0 10px;
	   text-align:center;	
  	   margin-top:-28px;
       font-size:12px;
	  }
      #menu a:visited {
	                   text-decoration:none;
					  }
      #menu a:hover {
					 color:#3691C0;
					 border-top:1px dotted #333;
					 border-bottom:1px dotted #333;
					 }		  
      #menu a {
               text-decoration: none;
               border-bottom:0;
			   color:#333;
          	  }
	  #menu ul {
				color:#FFF;
			    text-indent:10px;
			   }
			   #menu ul li {
							 display: inline;
							 width:80px;
							 float:left;
							 text-align:center;
							 margin:0 2px;
							 text-transform:capitalize;
							}

a:visited {
           text-decoration:none;
           color:#394A5A;			 
	      }
a:hover {
         color:#3691C0;
		}
a {
   text-decoration: none;
   color:#394A5A;
  }	
a.underblue
{
   border-bottom:1px dotted #3691C0;
}  

 #content {
          border : 1px solid #999;
		  margin:5px 1px 0 2px;
		  padding:5px;
		  background-color:#fff;
         }
		 img.droite {
					   float:right;
					   clear:both;
					  }
					  
select.rechmenu
{
 border:1px solid #ccc;
 width:16em;
 height:1.5em;
 font-size:1em;
}
					  
.rech, .add, .save
{
 background-repeat:no-repeat;
 background-position:center;
 background-color:transparent;
 border:0;
 padding:.1em .5em;
}

.rech{background-image:url(imgs/search.png);}
.save{background-image:url(imgs/floppy.png);}
.add{background-image:url(imgs/add.png);}					  
					
/** page DATES **/
.row-date 
{
 border-bottom:1px dotted #333;
 height:50px;
 background-position:left center;
 text-indent:50px;
}
.row-date a
{
 display:block;
 width:100%;
 height:100%;
 text-decoration:none;
 border:0;
}
.row-date a:hover
{
 background:inherit;
 background-color:#ededed;
 
}


.radio, .event, .prev, .next
{
 background-repeat:no-repeat;
}
.radio
{
 background-image:url(imgs/icon_son.gif);
}
.event
{
 background-image:url(imgs/icon_mix.gif);
}


.prev
{
 background-image:url(imgs/previous.png);
 background-position:left center;
 padding-left:15px;
}
.next
{
 background-image:url(imgs/next.png);
 background-position:right center;
 padding-right:15px;
}

.lstevent {border-bottom:1px solid #000; border-left:1px solid #000; margin:5px 0 5px -5px;float:left;width:100%;}
.lstevent a {text-decoration:none;}
.lstevent a:hover {background-color:#ededed;}
.lstevent .menuevent {float:left;}
.lstevent .menuevent li {padding:2px 5px;display:inline; float:left; border-right:1px solid #000; border-top:1px solid #000;}
.lstevent .menuevent li:hover {background-color:#ededed;}
.lstevent .listeevent {border-top:1px solid #000; border-right:1px solid #000;clear:left;width:100%;display:block;}	
.lstevent .listeevent li {border-top:1px dotted #ccc; padding:2px; background-repeat:no-repeat;background-position:3px;text-indent:20px;line-height:18px;}
.lstevent .listeevent li a {display:block; width: 100%; height: 100%; color:#000000;}
.lstevent .listeevent li span {float:left;width:200px;padding-right:10px;text-align:left; background-repeat:no-repeat; background-position:left;margin-right:5px;}
.lstevent .listeevent li span.radio {background-image:url(../imgs/user_gray.png);}
.lstevent .listeevent li span.event {background-image:url(../imgs/group.png);}
.lstevent .listeevent li span.lieu {background-image:url(../imgs/building.png);}
.lstevent .listeevent li:hover {background-color:#ededed;}
.lstevent .listeevent li.first {border-top:0;}

/*** PHOTOS ***/
.blocalbum {
			float:left;
            border:1px solid #dedede;
			margin:6px;
			width:720px;
		   }
.blocalbum h4
{
 background-color:#dedede;
 padding:.3em;
}
.cadrepic { 
           float:left;
		   border:1px dotted #dedede;
		   margin:5px;
		   padding:9px;
		   height:210px;
		   width:150px;
		   background-position:center;
		   background-repeat:no-repeat;
		  }
.navigpic{padding:4px 0 4px 0;text-align:center;background-color:#dedede;}
.navbtn{width:30px;text-align:center;padding: 2px 8px;}
a:hover .navbtn { background-color:#fff; }
.reportervid{border:1px solid #dedede;margin:6px;line-height:2em;text-indent:.3em;}
.reportervid h4{background-color:#dedede;padding-left:.3em}
.sp{display:block; float:left;width:75px; margin-right:5px; text-align:right;}

#footer{clear:both;}