body, table, td {
    font-family: sans-serif;
    margin: 0;
    padding: 0;
    background-color: #DEF;
    font-size: 11px;
}

/*--------------------------------------------*/
#title {
    background-color: #FED;
    padding: 1em;
    text-align: center;
    margin: 0;
    font-weight: bold;
    font-family: sans-serif;
    font-style: italic;
    font-size: 170%;
    border-bottom: 1px solid #AAA;
    background-image:url(img/imgtitre.jpg);
}
.slogan {
    font-size: 130%;
    font-weight: bold;
    font-style: italic;
}

h4 {
	margin-top : 0.4em;
	margin-bottom : 0.3em;
}

.b {
    font-weight: bold;
}
.c {
    text-align: center;
}
.r {
    text-align: right;
}
.l {
    text-align: left;
}
.top {
    vertical-align: top;
}
.mono {
	font-family:monospace;
	}

ul.sep li {
	margin-bottom: 1em;
}
/*--------------------------------------------*/
.cadrefloat_droite
{
    float: right;
    border: 1px solid #AAA;
    padding: 3px;
}

/*--------------------------------------------*/
#enveloppe {
  background: #AAB;
  clear: both;
}
#contenu {
    background: #FFB;
    float: right;
    width: 71%;
    margin: 0.5em;
    padding: 0.5em;
}

#menu {
    margin: 0.5em;
    width: 24%;
    float: left;
    background: #FFB;
    font-size: 96%;
/*     height: 70%; */
}

#divpub {
    margin-left: 7px;
}

#piedpage {
    padding: 0.5em;
}

.deblayage {
  height: 0;
  clear: both;
}

/*--------------------------------------------*/
#contenu ul {
    margin-top: 0em;
    margin-bottom: 0.8em;
}
#contenu li {
    margin-top: 0.2em;
}

a img {
    border: 0px solid #AAA;
}

.floatleft {
    float: left;
    margin-right: 0.5em;
}

/*--------------------------------------------*/
#menu ul {
    list-style-type:none;
    list-style-position:inside;
    margin: 1em 0em 1em 0em;
    padding: 0;
}
#menu li {
    margin-top: 0.2em;
}
#menu li a {
    text-decoration: none;
    display: block;
    padding: 0.1em 0.2em;
    margin: 0 0.3em;
    background-color: #CCF;
    color: #000;
    border: 1px solid #AAA;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 0.3em;
}

#menu li a:hover {
    background-color: #337;
    color: #FFA;
}


#menu .demiwidth {
    display: inline;
	padding-right: 0.2em;
	margin-left: 0.8em;
}



/*--------------------------------------------*/
.cadre {
    border: 1px solid #AAA;
    padding: 0.6em;
    margin-top: 0.2em;
    margin-bottom: 0.5em;
}

/*--------------------------------------------*/
.acces * {
    background-color: #FFE;
    font-size: 9pt;
    margin-top: 1em;
}
.acces table {
    border-collapse: collapse;
}
.acces td, .acces th {
    border: 1px solid #AAA;
    padding: 1px 8px;
}

/*--------------------------------------------*/
.code {
    font-family: monospace;
    font-weight: bold;
}

.serre, .serre li {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}
/*--------------------------------------------*/
.titremenu {
    font-weight: bold;
    text-align: center;
    margin: 0;
    padding: 0;
}

.toutpetit {
    margin: 0;
    padding: 0;
    font-size: 80%;
    font-style: italic;
}

.toutpetit p {
    padding: 0;
    margin: 0;
    margin-left: 4px;
    margin-top: 4px;
    margin-right: 4px;
}
/*--------------------------------------------*/
.tr1 {
    border-collapse: collapse;
}
.tr1 td, .tr1 th {
    border: 1px solid #AAA;
    padding: 1px 8px 2px 8px;
}

.enorme {
    font-size: 300%;
}
.mid {
	vertical-align: middle;
}
/*--------------------------------------------*/
.datalist
{
    border: 1px solid #AAA;
    padding: 3px;
	border-collapse: collapse;
}
.datalist th {
	text-align: right;
}
.datalist th, .datalist td {
    vertical-align: top;
    border-top: 1px solid #AAA;
	padding: 2px 3px;
}
/*--------------------------------------------*/
.formgribauto
{
    border: 1px solid #AAA;
    padding: 3px;
	border-collapse: collapse;
}
.formgribauto th {
	text-align: right;
}
.formgribauto th, .formgribauto td {
    border-top: 1px solid #AAA;
	padding: 2px 3px;
    vertical-align: middle;
}