html, body{
   margin: 0;
   padding: 0;
   height: 100px;
   font-size: 1em;
   font-family: "Trebuchet MS", sans-serif;
}

#grandcontenant{
   width: auto;
   margin: -20px 30px 0 30px;
   border-left: 1px #DDDDDD solid;
   border-right: 1px #DDDDDD solid;
   padding-top: 0px;
   min-height: 100%;
}

#titre{
   border-bottom: 1px #DDDDDD solid;
   padding-top: 10px;
   padding-left: 10px;
   padding-right: 10px;
   background: transparent url("fond.png") repeat-x scroll left bottom ;
}

#titre h1{
   padding-bottom: 2px;
   margin-bottom: 0px;
}

#titre p#soustitre{
   padding-top: 0px;
   margin-top: 0px;
   color: #AAAAAA;
   font-style: italic;
}

#menu{
   width:auto;
   margin: 0px 0px 10px 0px;
   border-bottom: 1px #DDDDDD solid;
   color: #222222;
   padding: 0 10px 0 10px;
}

#menu h3, #menu ul, #menu li{
   display: inline;
   font-size: inherit;
   margin-left: -2px;
   margin-right: 0px;
   padding-left: 5px;
   padding-right: 7px;
}

#menu h3, #menu li{
   border-right: 1px #DDDDDD solid;
}

#menu h3{
   border-right: none;
}

#menu p.minititre{
   display: none;
   /*visibility: hidden;*/
   margin: 0px;
   padding: 0px;
}

#oueb{
   position: absolute;   
   right: 30px;
   padding-right: 6px;
   padding-top: 2px;
}

#oueb h3, #oueb p{
   display: inline;
   font-size: inherit;
   font-weight: normal;
}

#oueb p.minititre{
   display: none;
}

#oueb p span {
   display: none;
}

/* =================================== CONTENU ====================================== */

#contenu {
   padding-left: 10px;
}

#contenu h3.pasvisible{
   display: none;
}

#contenu h4{
   margin-bottom: 3px;
}

.actu {
   width: 48%;
}

.actu dl {
   margin-top: 2px;
   padding-top: 2px;
   padding-left: 5px;
   margin-bottom: 2px;
}

.actu dl dd {
   margin-left: 20px;
}

.actu dl dt {
   font-weight: bold;
}

.actu dl .info {
   text-align: justify;
}

.actu dl .lien{
   margin-left: 30px;
   padding-left: 22px;
   background: transparent url("lien.png") no-repeat left center;
}

.actu dl .dateauteur{
   color: #BBB;
   font-size: 75%;
}

.actu dl .deply{
   padding-right: 4px;
   position: relative;
   top: 3px;
}

/* =================================== BAS =========================================== */

#footer {
   padding-left: 10px;
}
#footer p, #footer p a:link, #footer p a:visited{
   color: #BBBBBB;
   font-size: small;
}

#menu, #titre, #oueb, #contenu, #footer{
   display: none;
}

.disparu{
   display:none;
   visibility: hidden;
}

/* ==================================< Javascript >================================ */
.jsouvre span {
   border-bottom: 1px dashed #DDD;
   cursor: pointer;
}
.jsouvre span:hover {
   border-bottom: 1px dotted #555;
}