body {
font-family:verdana, helvetica, sans-serif;
font-size:13px;
margin : 15px;
padding:0px;

}

table#menu {
  font-size:12px;    
}

table#list {
  font-size:9px;    
}


.banner{
background:#B4BACA;
border:1px solid black;
padding:3px;
font-size:16px;
font-weight:bold;
text-align: center;
}

.categorie{
background:white;
padding:9px;
font-size:16px;
font-weight:bold;
}

.titre{
background:gainsboro;
border:1px solid black;
padding:3px;
margin-top:5px;
width=70%;
font-size:12px;
}

.description{
background:#B4BACA;
padding:3px;	
border:1px solid black;
font-size:10px;
}

.footer{
background:#B4BACA;
border:1px solid black;
padding:3px;
font-size:10px;
text-align: center;
}

/* MENU ONGLETS */
ul#tabnav {
    font: bold 11px verdana, arial, sans-serif;
    list-style-type: none;
    padding-bottom: 24px;
    border-bottom: 1px solid gainsboro; /* Bordure */
    margin: 0;
}

/* Onglet */
ul#tabnav li {
    float: left;
    height: 21px;
    background-color: gainsboro; 
    margin: 2px 2px 0 2px;
    border: 1px solid black; /* Bordure */
  }

ul#tabnav li.active {
    border-bottom: 1px solid white;
    background-color: #ffffff;
}

ul#tabnav li.active a {
    color: #000000;
}

a {
    /*float: left;
    display: block;
    */color: #161A35;
    text-decoration: none;
    /*padding: 4px;  */
}

a:hover {
    background: #233962;
    color: white;
    text-decoration: none;
}


/*====================================================
  - classes des filtres
  - éditer les classes ci-dessous pour changer le
  style des <input> et du bouton "go" <a>
=====================================================*/
a.btn{
  border:1px outset #ccc;
  margin:1px; padding:1px;
  text-decoration:none; color: #666;
  background-color:#CCCCCC;
}
.flt{
  background-color:#f4f4f4; border:1px inset #ccc;
  margin:0; width:100%;
}
.flt_s{
  background-color:#f4f4f4; border:1px inset #ccc;
  margin:0; width:90%;
}









/* Table */


#mytable {
	width: 700px;
	padding: 0;
	margin: 0;
}

caption {
	padding: 0 0 5px 0;
	width: 700px;	 
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

th.grid {
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA url(images/bg_header.jpg) no-repeat;
}

th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}

tr.grid {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}


tr.grid_alt {
	background: #F5FAFA;
	color: #797268;
}

th.grid {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(images/bullet1.gif) no-repeat;
	font: bold 8px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

th.grid_alt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(images/bullet2.gif) no-repeat;
	font: bold 8px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}










/* BUTTONS */

.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}